引用vue.js使用路由的方法-創(chuàng)新互聯(lián)-四川平武建站

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案

引用vue.js使用路由的方法-創(chuàng)新互聯(lián)

這篇文章主要介紹引用vue.js使用路由的方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)專注于企業(yè)營銷型網(wǎng)站、網(wǎng)站重做改版、潮陽網(wǎng)站定制設計、自適應品牌網(wǎng)站建設、html5、商城網(wǎng)站定制開發(fā)、集團公司官網(wǎng)建設、成都外貿(mào)網(wǎng)站建設、高端網(wǎng)站制作、響應式網(wǎng)頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為潮陽等各大城市提供網(wǎng)站開發(fā)制作服務。

直接引用vue.js使用路由的方法：首先引入【vue.JS】和【vue-router.JS】；然后創(chuàng)建掛載的dom元素，并創(chuàng)建路由組件；接著定義路由，并創(chuàng)建router實例；最后創(chuàng)建vue實例并掛載。

直接引用vue.js使用路由的方法：

直接引入 vue.js 的方式使用路由很簡單, 只需要再直接引入一個vue-router.JS 即可.

具體的實現(xiàn)步驟:

1, 引入 vue.JS 和 vue-router.JS

2, 創(chuàng)建掛載的 dom 元素

3, 創(chuàng)建路由組件

const com1 = {
template: ' 路由 1

' } const com2 = { template: ' 路由 2

' }

4, 定義路由

const routes = [
   { path: '/hash2', component: com1 },
   { path: '/hash3', component: com2 }
]

5, 創(chuàng)建 router 實例

const router = new VueRouter({
   routes
})

6, 創(chuàng)建 vue 實例并掛載

const App = new Vue({
  router
}).$mount('#app');

下面是具體的代碼:

以上是“引用vue.js使用路由的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站題目：引用vue.js使用路由的方法-創(chuàng)新互聯(lián)
文章來源：http://www.ef60e0e.cn/article/cccoei.html

99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

新聞中心

Hello !

其他資訊