首先,我们自己得手动创建一个webpack+vue+vueRouter+vuecli工程,执行下面:如:新建一个vue项目,创建一个基于"webpack"的项目,项目名为vuedemo: 安装完成后进入工程名称再根据原来项目的配置文件初始化 但是由于在新建的时候对eslint的选择中选择了Yes,所 ...
分类:
Web程序 时间:
2017-08-21 22:20:10
阅读次数:
571
1.首先下载并载入js脚本: 2.创建一个实例供vue使用: script: 3.接下(在vue中)来定义router,从官网上我们可以知道定义router的方法:var router = new VueRouter({ routes:routeName}); 4.定义component渲染模板:l ...
分类:
其他好文 时间:
2017-08-04 18:19:50
阅读次数:
134
1.Error in render function: "TypeError: Cannot read property 'matched' of undefined 原因:之前不知道,在引用路由时创建变量名是规定好的 const route = new VueRouter({ routers}) ...
分类:
其他好文 时间:
2017-08-03 15:01:07
阅读次数:
134
单页应用 使用步骤 安装模块 npm install vue-router --save 引入模块 import vueRouter from 'vue-router' 使用模块 Vue.use(vueRouter) 创建路由实例对象 let router=new vueRouter({ //配置参 ...
分类:
其他好文 时间:
2017-07-29 00:53:58
阅读次数:
182
在实际项目中我们会碰到多层嵌套的组件组合而成,但是我们如何实现嵌套路由呢?因此我们需要在 VueRouter 的参数中使用 children 配置,这样就可以很好的实现路由嵌套。 index.html,只有一个路由出口 main.js,路由的重定向,就会在页面一加载的时候,就会将home组件显示出来 ...
分类:
其他好文 时间:
2017-06-30 11:04:55
阅读次数:
171
vue1的路由 1、设置根组件 Vue.extend() 2、设置局部组件 Vue.extend({template:"/home"}) 3、实例化路由 var router =new VueRouter() 4、关联路由 router.map({"./",组件名字}) 5、开启路由 router。 ...
分类:
其他好文 时间:
2017-06-29 23:49:33
阅读次数:
386
首先配置路由并且修改路由配置 VueRouter.prototype.goBack = function () { //重点,给VueRoute添加一个goBack方法,用于记录路由的前进后退状态 this.isBack = true this.isBack = true window.histor ...
分类:
移动开发 时间:
2017-06-23 15:38:34
阅读次数:
2138
最近用vue来做项目,用webpack来做前端自动化构建。webpack-dev-server会在本地搭建一个服务器,在和后端调试的时候,就会涉及到跨域的问题。 刚开始时,没有用vue-cli来构建项目,而是参考了github上的vue-vueRouter-webpack来构建。看网上的资料,vue ...
分类:
Web程序 时间:
2017-06-14 22:20:05
阅读次数:
367
条件:紧接前面vue.js开发环境搭建 1.在cmd输入:npm install vue-router,回车,等待,安装对应版本router; 2.在入口文件用 import vueRouter from 'vue-router'方式引入,具体如下图所示: ...
分类:
其他好文 时间:
2017-04-22 14:42:37
阅读次数:
194
router.js import Vue from 'vue'import VueRouter from 'vue-router' Vue.use(VueRouter) const first = {template:'<h1>first</h1>'}const second = {template ...
分类:
其他好文 时间:
2017-04-20 22:48:04
阅读次数:
277