yuheijotaki.com

Vue.js / JSON から情報を引っ張ってくる その14

f:id:jotaki:20190212100544p:plain

ポートフォリオサイト 前回の続き

やったこと

  • デザインいれる
  • レスポンシブ
  • ソース整理

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に入るので、一回やること整理しつつ次の課題やっていきたいと思います。