单页web应用(single page web application, SPA),只有一张web页面的应用,是加载单个html页面并在用户与应用程序交互时动态更新该页面的web应用程序。
对单页应用程序来说模块化的开发和设计显得相当重要。
以上来自度娘。
程序通过路由
使哈希值(锚点值)
和组件
匹配起来
安装
npm i vue-router
1.引入
<script src="vue-router.js"></script>
2.准备组件
const home = Vue.component('home',{})
3.创建路由对象
const router = new VueRouter({
//配置路由规则
routes:[
//path: 路径
//component: 对应的组件
{path: '/home', component: home}
]
})
4.绑定vue实例与路由对象
const vm = new Vue({
el: '#app',
data: {
msg: 'nihao'
},
//配置vue的路由对象
router: router
})
网友评论