1、安裝:npm install vue-router或cnpm install vue-router或yarn add vue-router
以上是三種安裝方式 推薦cnpm 或 yarn
2、在vue專案 src下新建router.js
然後在router.js中引用如下**
import vue from 'vue'
import vuerouter from 'vue-router'
vue.use
(vuerouter)
3、在src下新建view資料夾,在view新建home資料夾(資料夾名字自取)在home資料夾中新建index.vue檔案
hello
//隨意寫上內容,以便於一會檢視成功與否
4、在router.js中設定如下兩步
//1、
import home from './views/home/'
//2、
export default new vuerouter (
, ]
})
Vue基礎筆記3
環境 2 安裝cnpm npm install g cnpm registry 3 安裝腳手架 cnpm install g vue cli 4 清空快取處理 如果第2 3補出問題可以執行該條命令 npm cache clean force 建立專案 專案目錄介紹 vue proj node mod...
Vue 元件部分
當使用dom元素作為模板 即為el指定某個元素 時,會受到html的一些限制 1.vue只有在瀏覽器解析和標準化html後才能獲取模板內容。2.某些標籤元素限制了其所能包含的內容,比如 from parent component vue.component component props messa...
Vue的基礎語法2 部分
lang en charset utf 8 基礎語法title src js vue.js script head type text v model salary v for u,i in users span span span li ul div const vm newvue birthda...