Vue.jsの記事一覧

Vue Composition API とSvelteの比較

Svelteとの比較非常に異なるルートを取りますが、Composition APIとSvelte 3のコンパイラベースのアプローチは、実際には概念的にかなり共通しています。並べて例を示します。Vue

Posted Date 12月 30th, 2019

Category in Svelte, Vue.js

Vue コードリーディング・・・・

ゆっくりよみましょ・・・Vueパッケージのbuildディレクトリってなに・・・？packete.jsonのbuldにビルド内容が書いてあります。ようはwebpackです。config.jsの内容がある。// Runtim […]

Posted Date 10月 11th, 2019

Category in Vue.js

【Nuxt】スワイプイベントを考える・ライブラリ選定

なにしたいのかスワイプでなんかいいかんじにしたいどうすればいいのか・案の作成vue-touch最初はこれ使おうとしたんですけど This plugin is deprecated and not maintained a […]

Posted Date 6月 30th, 2019

Category in Nuxt.js, Vue.js

firebaseでエラーがでるときにエラーの詳細を見る

いきさつfirebaseすぐこの画面になる。。。。しかもfirebaseコンソールのエラー表示もない。。。500エラーってことしかわからん。。。どうしたらいいの。。。こうしたらできた。curlつかったらいいかんじにかえっ […]

Posted Date 6月 22nd, 2019

Category in firebase, Nuxt.js, Vue.js

nuxt+typescriptでlayoutプロパティを有効にする

ｆ## いきさつなんかふつーにpublic layouts = “foo_layout” みたいな感じにしたら。。。。効かない。。こうするpublic static layout = ” […]

Posted Date 6月 16th, 2019

Category in Nuxt.js

【nuxt】headタグを動的にする方法

headメソッドを使う各pageコンポーネントの中でheadタグを使用して設定することができます。たぶん例を見たほうがわかりやすいですexport default { data () { retu […]

Posted Date 6月 16th, 2019

Category in Nuxt.js

【Nuxt】組み込み済みの環境変数「process.env.NODE_ENV」

組み込みらしいです。おそらくnuxt コマンドの場合process.env.NODE_ENV === development nuxt build コマンドの場合process.env.NODE_E […]

Posted Date 6月 8th, 2019

Category in Nuxt.js

Nuxt + Typescript でlayoutプロパティが効かない・・

現象開発環境ではレイアウトきいているのだが、ターミナルの方にはエラーメッセージ。nuxt buildもそれでコケる。エラー内容 Argument of type ‘{ layout: string; }’ is not […]

Posted Date 5月 6th, 2019

Category in Nuxt.js

Hello Nuxt js

はじめにNuxt.jsとは？vue.jsをこういうふうに使ったほうがいいよ！みたいなやーつ。読み方は？インストールインストールしたのでdev_server起動してみるcd {プロジェクトname}npm run devデ […]

Posted Date 1月 3rd, 2019

Category in Nuxt.js, Vue.js

vue SSRでCannot read property ‘push’ of undefinedが出て詰んだ話

何をしたか？vue の公式ssr化ガイドを読んでそのとおりにやろうとしました。https://jp.vuejs.org/v2/guide/ssr.htmlどこで積んだか？全部やってnodemonでサーバー立ち上げてloc […]

Posted Date 1月 3rd, 2019

Category in Vue.js

vue 個人的メモあとでうまくまとめる予定

v-modelとは{{これが変数になる}}inputタグの中に用意することでv-model={名前}の名前の部分が変数名となり、vueの中で使用できるように […]

Posted Date 12月 16th, 2018

Category in Vue.js

Vue js　ディレクティブ入門 v-bindとv-on

こりずにvueやります。ディレクティブとは？指令のことです。これによってテンプレート内にいろいろな命令をすることができまつ！とりあえずすごい大事な感じのv-bindとv-onをやってきますよ！v-bindこんなかんじでd […]

Posted Date 10月 15th, 2018

Category in JavaScript, Vue.js

vue-property-decoratorで他のcomponentを読み込む

やりたいことこれのTypeScript バージョン import Logo from ‘~/components/Logo.vue’ export defaul […]

Posted Date 1月 25th, 2020

Category in Nuxt.js, Vue.js

【Vue】v-ifとv-showの違い

いきさつようやく理解した。前提この前提がわかってないと意味がつかめません。cssのdisplay:noneでもそのDOMはブラウザにレダリングされるので初期表示時にコストがかかる。切り替えるだけならappend & […]

Posted Date 12月 5th, 2019

Category in Vue.js

Nuxtをfirebaseにデプロイしたらたまに「cannot get /」になる

最初に調べたのですが、わからない。。諦めました。なにがあった？nuxtをfirebaseにdeployしたところちょいちょい「cannot get /」になることがありました。ちょいちょいと言ってもずっと(長時間)アクセ […]

Posted Date 7月 13th, 2019

Category in firebase, Nuxt.js

【Nuxt】scssとsassを混同させて失敗した。

いきさつもともと気分でscssとsassを混同させていた。なにがおきたかstyleResourcesを使用して共通の変数とかmixinをインポートしようとしたときに詰んだ。これはすべてのcss部分に共通のsass/scs […]

Posted Date 6月 29th, 2019

Category in Nuxt.js

Nuxt・Vueで画像の遅延読み込み

いきさつ遅延読み込みがしたいよーどうすればいいのー？解決方法いいかんじのライブラリみつけた。https://github.com/alexjoverm/v-lazy-imageIntersection Observer […]

Posted Date 6月 22nd, 2019

Category in Nuxt.js, Vue.js

【nuxt】トラッキングサービスのscriptを埋め込む

いきさつgoogle analyticｓをセッティングしないといけないことになった。面倒なことにgoogle analyticls以外もあるみたい。。どうしよう。。google analyticsの場合nuxt燻製のもの […]

Posted Date 6月 16th, 2019

Category in Nuxt.js

【Nuxt】Nuxt+typescriptでfetchが効かない。

答えvue-decoratorの中で書かないとダメみたい。参考https://github.com/nuxt/nuxt.js/issues/5330

Posted Date 6月 9th, 2019

Category in Nuxt.js

nuxt.js SSR 最初のlaoding…の画面のまま進まない・・・

結構ハマりました。。。ここね。。治す方法// Nuxt.js をオプションとともにインスタンス化する const config = require(“./nuxt.config.js”); confi […]

Posted Date 6月 1st, 2019

Category in Nuxt.js

Nuxt.js+typescriptの際のgetterの使用方法

l## いきさつ公式のところにどうやって使うのかの例がのってなかったので少しハマりました。これでいけた//store側 // in the ファイル.ts export const getters = […]

Posted Date 5月 3rd, 2019

Category in JavaScript, Nuxt.js, TypeScript, Vue.js

既存のvue.jsをnuxt.jsに移行する際のベストプラクティス

はじめにvueでやろうと思ったけどやっぱサーバーサイドでレダリングしたいからNuxt使ったほうが良さそうだな…というかわけで既存のvueをNuxtにしたいわけだけどどうやったらいい感じになるんですか？おそらく […]

Posted Date 1月 3rd, 2019

Category in Nuxt.js, Vue.js

vueでTypeError: Cannot read property ‘__ob__’ of undefined といかいうエラーがでるケン

なんなんこりゃ？ハマりました。結論詳しくはソース見てないのでわからないのですが、vue-routeでルート(URL)を変更するときにコンポーネントに空のdataプロパティがあるとだめみたい。。これのことにね data() […]

Posted Date 12月 30th, 2018

Category in JavaScript, Vue.js

Vueの仲間(ツール)たち

いきさつvue cliとかvue loaderとかいろいろあってわけわかななくなるのでまとめておく。Vue CliVueを扱う上で便利なコマンドツール群を用意してくれているツール。大規模なシングルページアプリケーション開 […]

Posted Date 12月 8th, 2018

Category in JavaScript, Vue.js

Devsway

日々の記録とか記憶とか。

Vue.js 記事一覧