做爰高潮a片〈毛片〉,尤物av天堂一区二区在线观看,一本久久A久久精品VR综合,添女人荫蒂全部过程av

最新文章專(zhuān)題視頻專(zhuān)題問(wèn)答1問(wèn)答10問(wèn)答100問(wèn)答1000問(wèn)答2000關(guān)鍵字專(zhuān)題1關(guān)鍵字專(zhuān)題50關(guān)鍵字專(zhuān)題500關(guān)鍵字專(zhuān)題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專(zhuān)題關(guān)鍵字專(zhuān)題tag2tag3文章專(zhuān)題文章專(zhuān)題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專(zhuān)題3
問(wèn)答文章1 問(wèn)答文章501 問(wèn)答文章1001 問(wèn)答文章1501 問(wèn)答文章2001 問(wèn)答文章2501 問(wèn)答文章3001 問(wèn)答文章3501 問(wèn)答文章4001 問(wèn)答文章4501 問(wèn)答文章5001 問(wèn)答文章5501 問(wèn)答文章6001 問(wèn)答文章6501 問(wèn)答文章7001 問(wèn)答文章7501 問(wèn)答文章8001 問(wèn)答文章8501 問(wèn)答文章9001 問(wèn)答文章9501
當(dāng)前位置: 首頁(yè) - 科技 - 知識(shí)百科 - 正文

vue router的基本使用和配置教程

來(lái)源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 22:04:28
文檔

vue router的基本使用和配置教程

vue router的基本使用和配置教程: 路由,其實(shí)就是指向的意思,當(dāng)我點(diǎn)擊頁(yè)面上的home按鈕時(shí),頁(yè)面中就要顯示home的內(nèi)容,如果點(diǎn)擊頁(yè)面上的about 按鈕,頁(yè)面中就要顯示about 的內(nèi)容。Home按鈕 => home 內(nèi)容, about按鈕 => about 內(nèi)容,也可以說(shuō)是一種映射. 所以在頁(yè)面上有兩個(gè)部分,
推薦度:
導(dǎo)讀vue router的基本使用和配置教程: 路由,其實(shí)就是指向的意思,當(dāng)我點(diǎn)擊頁(yè)面上的home按鈕時(shí),頁(yè)面中就要顯示home的內(nèi)容,如果點(diǎn)擊頁(yè)面上的about 按鈕,頁(yè)面中就要顯示about 的內(nèi)容。Home按鈕 => home 內(nèi)容, about按鈕 => about 內(nèi)容,也可以說(shuō)是一種映射. 所以在頁(yè)面上有兩個(gè)部分,

 路由,其實(shí)就是指向的意思,當(dāng)我點(diǎn)擊頁(yè)面上的home按鈕時(shí),頁(yè)面中就要顯示home的內(nèi)容,如果點(diǎn)擊頁(yè)面上的about 按鈕,頁(yè)面中就要顯示about 的內(nèi)容。Home按鈕  => home 內(nèi)容, about按鈕 => about 內(nèi)容,也可以說(shuō)是一種映射. 所以在頁(yè)面上有兩個(gè)部分,一個(gè)是點(diǎn)擊部分,一個(gè)是點(diǎn)擊之后,顯示內(nèi)容的部分。

  點(diǎn)擊之后,怎么做到正確的對(duì)應(yīng),比如,我點(diǎn)擊home 按鈕,頁(yè)面中怎么就正好能顯示home的內(nèi)容。這就要在js 文件中配置路由。

1.在main.js文件中引入相關(guān)模塊以及組件及實(shí)例化vue對(duì)象配置選項(xiàng)路由及渲染App組件 默認(rèn)設(shè)置如下:

 import Vue from 'vue'
 import App from './App'
 import router from './router/index.js' // 引入路由
 Vue.config.productionTip = false 
 /* eslint-disable no-new */
 new Vue({
 el: '#app',
 router, // 在掛載點(diǎn)中注入vue
 components: { App },
 template: '<app/>'
 })

2.自定義配置路由路徑,在src 下 router/index.js 文件中配置路由路徑

import Vue from 'vue'
 import Router from 'vue-router' // 引入vue-router 
 // 引入要跳轉(zhuǎn)的vue組件
 import Manage from '@/page/admin/Manage'
 import userList from '@/page/admin/userList'
 import addUser from '@/page/admin/addUser'
 import shopList from '@/page/admin/shopList'
 import addShop from '@/page/admin/addShop'
 Vue.use(Router) // 在vue中注入Router
 // 配置路由路徑
 const routes =[
 {
 path: '/',
 name: 'Login',
 component: Login // 需要跳轉(zhuǎn)的組件
 },
 {
 path: '/Manage',
 name: 'Manage',
 component: Manage,
 children: [{
 path: '/userList',
 component: userList,
 meta: ['數(shù)據(jù)管理', '用戶列表']
 },
 {
 path: '/shopList',
 component: shopList,
 meta: ['數(shù)據(jù)管理', '商品列表']
 },
 {
 path: '/addUser',
 component: addUser,
 meta: ['添加數(shù)據(jù)', '添加用戶']
 },
 {
 path: '/addShop',
 component: addShop,
 meta: ['添加數(shù)據(jù)', '添加商品']
 }
 ]
 },
 {
 path: '/home',
 name: 'Home',
 component: Home
 },
 {
 path: '/helloworld',
 name: 'Home',
 component: HelloWorld
 }
 ]
 // 將路徑注入到Router中
 var router=new Router({
 'mode': 'history',
 routes
 })
 // 導(dǎo)出路由
 export default router;

3.在頁(yè)面中使用路由

在vue-router中, 我們也可以看到它定義了兩個(gè)標(biāo)簽<router-link><router-view><router-link> 就是定義根據(jù)某個(gè)路徑跳到某個(gè)組件的標(biāo)簽,<router-view> 就是點(diǎn)擊后,組件顯示內(nèi)容的標(biāo)簽。所以 <router-link> 還有一個(gè)非常重要的屬性 to, 它定義點(diǎn)擊之后,要到哪個(gè)路徑下 , 如:<router-link  to="/home">Home</router-link>

總結(jié)

以上所述是小編給大家介紹的vue router的基本使用和配置教程,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

vue router的基本使用和配置教程

vue router的基本使用和配置教程: 路由,其實(shí)就是指向的意思,當(dāng)我點(diǎn)擊頁(yè)面上的home按鈕時(shí),頁(yè)面中就要顯示home的內(nèi)容,如果點(diǎn)擊頁(yè)面上的about 按鈕,頁(yè)面中就要顯示about 的內(nèi)容。Home按鈕 => home 內(nèi)容, about按鈕 => about 內(nèi)容,也可以說(shuō)是一種映射. 所以在頁(yè)面上有兩個(gè)部分,
推薦度:
標(biāo)簽: VUE 使用方法 教程
  • 熱門(mén)焦點(diǎn)

最新推薦

猜你喜歡

熱門(mén)推薦

專(zhuān)題
Top
主站蜘蛛池模板: 新源县| 梁河县| 阳城县| 乐业县| 马山县| 平罗县| 鹿邑县| 定安县| 松潘县| 扶风县| 太白县| 毕节市| 故城县| 镇坪县| 屯门区| 贵阳市| 禄丰县| 雷州市| 江安县| 湘潭县| 中方县| 拜泉县| 开远市| 上犹县| 高陵县| 乌拉特中旗| 衡山县| 南靖县| 乌拉特后旗| 井陉县| 札达县| 广德县| 福清市| 巴南区| 濮阳市| 天津市| 九龙坡区| 卢湾区| 基隆市| 常熟市| 孝义市|