亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

vue如何創建路由實例

vue
養魚的貓咪
614
2021-05-12 09:57:07
欄目: 編程語言

在vue中創建路由實例的方法:1.新建項目,引入vue和vue-router;2.使用Vue.use方法注冊路由;3.定義路由;4.使用new VueRouter方法創建路由實例;

vue如何創建路由實例

具體步驟如下:

1.首先,在新建一個html項目,并在項目中引入vue和vue-router;

import Vue from 'vue'

import Router from 'vue-router'

2.vue和vue-router引入好后,在項目中使用Vue.use方法注冊路由;

Vue.use(Router)

3.路由注冊好后,在項目中定義一個路由;

export default new Router({

routes: [

{

path : ‘/’,

name : ‘Home’,

component : Home

},

{

path : ‘/content’,

name : ‘Content’,

component : Content

}

],

mode: "history"

})

4.最后,路由定義好后,使用new VueRouter方法即可為路由創建實例;

const router = new VueRouter({routes})

new Vue({

el: '#app',

data: {

},

methods: {

},

router

})

0
吉首市| 蓬莱市| 茌平县| 永顺县| 威海市| 防城港市| 武汉市| 淳安县| 金阳县| 石家庄市| 英山县| 牡丹江市| 清徐县| 张掖市| 漠河县| 信丰县| 靖江市| 宜春市| 新巴尔虎右旗| 昭苏县| 新丰县| 阳朔县| 霍州市| 隆回县| 南溪县| 千阳县| 体育| 阳城县| 平泉县| 南宁市| 罗定市| 澎湖县| 正蓝旗| 宜兰市| 东乌珠穆沁旗| 上栗县| 景德镇市| 博客| 大埔区| 山东| 皮山县|