Vue.js / JSON から情報を引っ張ってくる その14
ポートフォリオサイト 前回の続き
やったこと
- デザインいれる
- レスポンシブ
- ソース整理
Github Pages: https://yuheijotaki.github.io/vue-study_20190424/
リポジトリ: https://github.com/yuheijotaki/vue-study_20190424
Vue.js で変数や mixin を使う
Vue.jsでSassを使う時にグローバル変数を読み込む方法 - Goota の通りなのですが、 sass-resources-loader
を npmインストールして、/build/utils.js
のなか、
...
scss: generateLoaders('sass'),
...
を
... scss: generateLoaders('sass').concat( { loader: 'sass-resources-loader', options: { resources: path.resolve(__dirname, '../src/sass/_base.scss') } }), ...
とする
まとめ
やりたい(やりたかった)こと
- 初回ローディング時には
No posts
は非表示 - ヘッダーのチェックボックスのカテゴリーを動的出力 or ループ処理
- 詳細ページの作成
WordPress のテーマ側に組み込むには下記などが参考になりそう
GWに入るので、一回やること整理しつつ次の課題やっていきたいと思います。