1、安裝vue-cli腳手架

創(chuàng)新互聯(lián)公司專注于相城企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站開發(fā),商城網(wǎng)站建設(shè)。相城網(wǎng)站建設(shè)公司,為相城等地區(qū)提供建站服務(wù)。全流程定制制作，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)

a.下載安裝node.js，隨包同時(shí)也安裝了npm;
b.安裝vue-cli：npm install vue-cli -g;  //全局安裝，只需要安裝一次，以后新建其他的項(xiàng)目不用安裝了
c.vue init webpack demo  //初始化項(xiàng)目，注意是vue init，而不是npm init(這個(gè)是創(chuàng)建package.json文件的)
        先要進(jìn)入我們項(xiàng)目的安裝目錄，然后執(zhí)行下面的操作
d.nmp install  //安裝項(xiàng)目依賴包，也就是安裝package.json里的包
e.npm run dev  //開發(fā)模式下運(yùn)行我們的程序。給我們自動(dòng)構(gòu)建了開發(fā)用的服務(wù)器環(huán)境和在瀏覽器中打開，并實(shí)時(shí)監(jiān)視我們的代碼更改，即時(shí)呈現(xiàn)給我們。
f.npm run build  //發(fā)布文件，項(xiàng)目根目錄生成了dist文件夾，這個(gè)文件夾里邊就是我們要傳到服務(wù)器上的文件。

2、vue-router：SPA（單頁應(yīng)用）的路徑管理器

☆☆ src/router/index.js，是路由的核心文件，這里面配置路由參數(shù)：
引入新增加的路由文件：import Hello from '@/components/Hi'
配置路由名稱Hi、路徑`/Hi`和對(duì)應(yīng)的組件模板

☆☆ 在src/components目錄下，新建 Hi.vue 文件，文件包括三部分：