vue路由初體驗

2021-09-08 20:17:12 字數 820 閱讀 9963

這裡記一下,免得後面到處是錯**(而且總是出錯,大部分是單詞打錯了,注意細節)**

新建乙個資料夾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引入 利用的是網路資源,速度會降低 分為開發環境和生產...