vue基礎(部分3)

2021-10-08 11:32:18 字數 609 閱讀 5000

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...