码迷,mamicode.com
首页 > 其他好文 > 详细

vue使用(四)----------vue-router路由的使用

时间:2017-11-24 19:14:21      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:配置路由   option   rom   com   路由   new   不同   如何   import   

前端路由 核心就是锚点值得改变,根据不同的值,渲染指定DOM位置的不同数据
ui-router:锚点值改变,如何获取模板? ajax
vue中,模板数据不是通过ajax请求来,二手通过调用函数获取到模板内容
核心:锚点值改变
以后看到vue开头,就知道必须 Vue.use
vue的核心插件
- vue-router 路由
- vuex 管理全局共享数据
使用方式
- 1:下载 "npm install vue-router -S"
- 2: 在main.js中引入 "import VuewRouter from ‘vue-router‘"
- 3:安装插件 ‘Vue.use(插件)‘
- 4:创建路由对象并配置路由规则
+ let router = new VuewRouter({ routes:[{path:‘/home‘,componten:‘home‘}]})
- 5:将其路由对象传递给vue的实例,options中
- 6:留坑 router-view

vue使用(四)----------vue-router路由的使用

标签:配置路由   option   rom   com   路由   new   不同   如何   import   

原文地址:http://www.cnblogs.com/JSWBK/p/7891635.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!