Vue.js関連のメモ

この記事は、Vue.jsに関する全くの個人用メモとして残すものです。随時追記！

1. Vue-cliでプレジェクトを作るときのメモ

☞ まだインストールしていなかったら。。。

npm install -g vue-cli

プロジェクトを作るとき。xxxは自分のプロジェクト名。

vue init webpack xxx

自分のプロジェクトに移動した後に、

npm run dev

2. Vue-cliでトップ画面を設定するときのメモ

\src\router\index.jsファイルの、『import HelloWorld from '@/components/HelloWorld'』となっているところを変更する。同様に以下のHelloWorld部分も変更する。

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    }
  ]
})

3. styleについて

・　<style scoped>は、ファイル内の要素にだけスタイルが適用される。
・　src/App.vue内のスタイルは、プロジェクト内全てのファイルに適用される。

4. Vue.cliでさくらのレンタルサーバにアップするときの注意点メモ

npm run buildで作成されたdistフォルダの中身を、ルートフォルダではなくて、別のフォルダをルートとしてアップロードした時には、config/index.jsファイルの、「build」の設定項目内、assetsPublicPathの値を、『/』 から 『./ 』 に変える。
詳しいことは以下のサイトを参照。