Devsway

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

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】headタグを動的にする方法

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

Posted Date 6月 16th, 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 js ディレクティブ入門 v-bindとv-on

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

Posted Date 10月 15th, 2018

Category in JavaScript, Vue.js

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

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

Posted Date 12月 5th, 2019

Category in Vue.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

Vueの仲間(ツール)たち

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

Posted Date 12月 8th, 2018

Category in JavaScript, Vue.js

カテゴリー

オレオレIT用語辞典