emahiro/b.log

Drastically Repeat Yourself !!!!

vue

Nuxt2 ⇒ Nuxt3 に上げた話

Overview 準備 Nuxt2 系の最新まで上げる 各種依存ライブラリを最新に上げる Migration to Nuxt3 Nuxt Bridge Named export 'isWindows' not found が発生する Nitro サーバーが起動しない Nuxt3 Nitro を動かすには SSG モードを OFF にする Cannot start n…

Vuetify プロジェクトの依存の整理でハマった話

vue

Overview やったこと TypeScript 3.9.3 -> 4.6.2 (202203時点の最新)にする。 TypeScript を最新にしたら IE 対応用のメソッドが動かなくなった。 Axios を使った API リクエストのレスポンスが unkown 型になってしまった vue-type-check が TS4系に対応し…

NuxtでTodoアプリを作成する

はじめに 気になっていたNuxtを触ってみました。 軽く触れて、ドキュメントを読んだだけでしたが今回は簡単なtodoアプリの作成をしてみます。 Nuxtは日本語のドキュメントがとても充実していて インストール - Nuxt.js を見ればほぼ誰でもNuxtを簡単に始める…

VuexにおけるGettersのメソッドスタイルアクセス

gettersでstateから任意の値を取り出すときにVuexではGettersのプロパティの返り値にfunctionを指定することで、Gettersのプロパティに関数の引数という形で直接値を渡す(アクセスできる)手法があります。これを メソッドスタイルアクセス と言います。 メソ…

Vueのテンプレート構文のエンコードでハマる

vue

<html lang="ja"> <head> <meta charset="utf-8"/> </head> <body> <div id="app"> <p>This is sample Vue app</p> <p>count: {{ count }}</p> </div> <script src="https://unpkg.com/vue"></script> </body> <script> new Vue({ // describe options el: '#app', data: { count:0, }, methods: { countUp…</html>

「Vueの学習を始めたぞ」の巻

vue

大したこと書いてません。 Vue を覚えないとそろそろいけないので触りからはじめました。 手順 環境 go + vue.js ※ 静的なファイルをサーブできればなんでもいいのでgoじゃなくてもいいと思います。 環境用意 goの環境用意 mkdir todo; and mkdir todo/src; …

Vue.js書くのに役に立ちそうなリンクまとめ

vue書くのに役に立ちそうなリンクを備忘録でまとめます。 Links 公式 Vue.js Vue.jsサーバーサイドレンダリングガイド Introduction · GitBook vue-test-utilのガイド はじめる · vue-test-utils vue-loaderのDocs Introduction · vue-loader vue-routerのド…