vue-cli教程

一、文件目錄說明
main.js：應用的入口文件
App.vue：根組件，整個組件的入口

加載文件不要後綴名：
resolve:{
    extensions:['.js','.vue','.json'],
    alias:{
        'vue$':'vue/dist/vue.esm.js',
        '@':resolve('src')  //@就代表了"src"這個目錄
    }
}
import App from './App';  就相當於 './App.vue';
import router from './router'  //加載某個目錄下的index.js文件，可以簡寫，就相當於 './router/index.js'

.gitignore
上傳git倉庫的時候，不上傳某些文件，比如node_modules，因爲太大了，
所以從git倉庫clone文件下來的時候，首先就是要npm install，安裝package.json裏面定義的依賴包

二、使用步驟

    安裝模塊
        npm install vue-router --save -dev (vue-cli腳手架裏面就已經安裝好了)
    引入模塊
        import *VueRouter* from 'vue-router'
    作爲vue的插件
        Vue.use(*VueRouter*)
    創建路由實例對象
        new VueRouter({
            ...配置參數
        })
    注入Vue選項參數
        new Vue({
            router
        })
    告訴路由渲染位置
        <router-view></router-view>