單頁web應(yīng)用(single page web application, SPA),只有一張web頁面的應(yīng)用,是加載單個html頁面并在用戶與應(yīng)用程序交互時動態(tài)更新該頁面的web應(yīng)用程序。
對單頁應(yīng)用程序來說模塊化的開發(fā)和設(shè)計顯得相當(dāng)重要存捺。
以上來自度娘簿透。
程序通過路由
使哈希值(錨點值)
和組件
匹配起來
安裝
npm i vue-router
1.引入
<script src="vue-router.js"></script>
2.準(zhǔn)備組件
const home = Vue.component('home',{})
3.創(chuàng)建路由對象
const router = new VueRouter({
//配置路由規(guī)則
routes:[
//path: 路徑
//component: 對應(yīng)的組件
{path: '/home', component: home}
]
})
4.綁定vue實例與路由對象
const vm = new Vue({
el: '#app',
data: {
msg: 'nihao'
},
//配置vue的路由對象
router: router
})