這裡記一下,免得後面到處是錯**(而且總是出錯,大部分是單詞打錯了,注意細節)**
新建乙個資料夾modules 裡面放router.js;
在裡面
import vue from "vue"; //引入vue
import index from "./../comptents/index/index.vue" //先引入等下要跳轉的模組
import indexqq from "./../comptents/index/indexqq.vue"
import vuerouter from "vue-router"; //引入路由模組
vue.use(vuerouter) //全域性使用它
let routes = [ //定義路由規則
, //path是跳轉的路徑 component裡面是跳轉的模組 之前引入的↑↑↑↑↑
]let router = new vuerouter();// 這裡定義乙個路由模式
export default router ;//丟擲他
到這裡 router.js檔案已經完成了;
然後在main.js裡面引入 這個路由模組
到這裡配置完成 router-link相當於 a標籤 裡面的to屬性,相當於href,也即是寫引用的位址;
使用router-view 表示view檢視層顯示的地方,也就是這個router模組顯示的地方
> //跳轉/模組
> //跳轉/indexqq模組
>
再次提醒**(總是出錯,大部分是單詞打錯了,注意細節)** vue的初體驗
詳細看vue的官方文件。此處記錄純屬個人在使用中的一些小結 1 v text 操作元素的純文字,其簡寫形式 eg 簡寫為 2 v html 其作用和v text一樣,唯一的區別是瀏覽器會將v html的資料當成html標籤解析後輸出 3 繫結事件用 v on click 標誌,v on 可簡寫為 4...
Vue初體驗(一)
每個 vue 應用都需要通過例項化 vue 來實現。語法格式如下 varvm newvue 接下來讓我們通過例項來看下 vue 構造器中需要哪些內容 可以看到在 vue 構造器中有乙個el 引數,它是 dom 元素中的 id。在上面例項中 id 為 vue det,在 div 元素中 div id ...
vue 初識(概念 Vue初體驗)
1 vuejs 1 漸進式 可以將vue作為應用的一部分嵌入其中,例如 在重構的時候可以一點一點的進行 2 特點 解耦資料和檢視 可復用的元件 乙個元件可以在多個介面中使用 前端路由技術 狀態管理 虛擬dom 2 vuejs的安裝 方式一 cdn引入 利用的是網路資源,速度會降低 分為開發環境和生產...