vue2.0中vue-router使用总结

#在vue-cli所创建的项目中使用

　　进入到项目的目录后使用 npm install vue-router --save 安装vue-router，同时保存在webpack.Json配置文件中，然后在main.js使用方法如下：

　　在第三步实例化路由是可以配置路由的信息，如下：

　　区别在于：前者地址为http://localhost:8080/#/apple,后者地址为http://localhost:8080/apple，且后者可以根据router-link跳转到指定的路由。

然后就可以在页面（app.vue）中使用路由啦：

转载于:https://www.cnblogs.com/XHappyness/p/7251123.html

vue2.0中vue-router使用总结相关推荐

vue2.0中的$router 和 $route的区别
vue2.0中的$router 和 $route的区别最近在学习vue的单页面应用开发,需要vue全家桶,其中用到了VueRouter,在路由的设置和跳转中遇到了两个对象$router 和 $rou ...
【Vue2.0】—Vue中的key有什么作用？（四）
[Vue2.0]-Vue中的key有什么作用?(四) <div id="root"><ul><button @c ...
vue2.0中的路由传值
vue2.0中的路由传值传参的三种基本用法第一种字符串拼接 //第一步:路由表 src/router/index.js { path: '/user/:userId?', // 传参第一步:在路由 ...
Vue2.0中的事件修饰符
Vue2.0中的事件修饰符: 1.prevent:阻止默认事件,原生js里面为event.preventDefault() 2.stop:阻止事件冒泡 3.once:事件只触发一次 4.capture ...
vue2.0中关于active-class
vue2.0中关于active-class 一.active-class是什么, active-class是vue-router模块的router-link组件中的属性,用来做选中样式的切换: 官方文 ...
【Vue2.0】—Vue脚手架配置代理（二十二）
[Vue2.0]-Vue脚手架配置代理(二十二) 方法一方法二
【Vue2.0】—Vue与Component的关系（十二）
[Vue2.0]-Vue与VueComponent的关系(十二) <body><div id="root"><h2>{{name}}</h ...
【Vue2.0】—Vue监视数据的原理（五）
[Vue2.0]-Vue监视数据的原理(五) <body><div id="root"><h1>学生的基本信息</h1><bu ...
kooboo中vue router探索
1.在kooboo布局中引入vue.js和vue-router.js 2.创建vue根组件并设置路由路径以及引入子组件 3.创建vue根组件下的子组件 MainTab Tab1 Tab2 Tab3 4 ...
vue2.0中ckeckbox(复选框)的使用心得，及对click事件和change的理解
最近在公司项目中使用vue2.0做开发,在使用checkbox时遇到了一些问题,首先我们先了解一下需求. 如上如所示,在上方复选框被点击时,更改下方p标签的文本内容为:复选框已被选中.并将p标签文字颜 ...

vue2.0中vue-router使用总结

vue2.0中vue-router使用总结相关推荐

最新文章

热门文章