1月28日

78 阅读1分钟

vue-router路由

使用Vue.js开发SPA(Single Page Application)单页面应用 根据不同url地址,显示不同的内容,但显示在同一个页面中,称为单页面应用

路由嵌套和参数传递
传参的两种形式:

    a.查询字符串:login?name=tom&pwd=123
        {{$route.query}}
        
    b.rest风格url:regist/alice/456
       {{$route.params}}

路由实例的方法

router.push()  添加路由,功能上与<route-link>相同
 router.replace() 替换路由,不产生历史记录    
 
 

vue-loader
浏览器本身并不认为.vue文件,所以必须对.vue文件进行加载解析,此时需要vue-loader 类似的loader还有许多,如:html-loader、css-loader、style-loader、babel-loader等 需要注意的是vue-loader是基于webpack的