步骤: 1.使用vue-cli创建项目2.使用vue-router实现单页路由3.用vuex管理我们的数据流4.使用vue-resource请求我们的node服务端5.使用.vue文件进行组件化的开发 一、目录结构: 二、搭建项目 先安装<!--?xml version="1.0" encoding ...
分类:
其他好文 时间:
2017-05-18 21:33:06
阅读次数:
666
1.第三方库如vue,vue-router可以利用webpack中的entry指定vendor:['vue','vue-router']来打包在一个文件中 2.将这些文件单独提取出来,在页面中使用<script></script>进行引入,commonChunkPlugin可以办到。利用common ...
分类:
Web程序 时间:
2017-05-18 20:14:56
阅读次数:
193
路由1 路由2 var user = { template:"共同匹配到的路由" // 创建一个组件 } var routes = [ {path:"user/:id",compoent:user} //定义路由 // 只要 router-link 的to属性指定连接是 /user/开头的,那么ro... ...
分类:
其他好文 时间:
2017-05-17 11:57:43
阅读次数:
392
vue路由的使用 ue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路 ...
分类:
Web程序 时间:
2017-05-11 12:24:29
阅读次数:
323
本篇来讲解一下axios插件的使用,axios是用来做数据交互的插件。 这篇将基于vue实例讲解之vue-router的使用这个项目的源码进行拓展。 ...
分类:
移动开发 时间:
2017-05-08 14:44:46
阅读次数:
215
前言随着Vue.js越来越火,Vue.js的相关插件也在不断的被贡献出来,数不胜数。比如官方推荐的vue-router、vuex等,都是非常优秀的插件。但是我们更多的人还只停留在使用的阶段,比较少自己开发。所以接下来会通过一个简单的vue-toast插件,来了解掌握插件的开发和使用。原文作者..
分类:
Web程序 时间:
2017-05-08 14:30:57
阅读次数:
194
依赖 vue-router 获得当前字符串,对应当前路由的路径,总是解析为绝对路径。 跳转到指定页面 使用router - link to:"/orderList" 可以,注意带/是定位到了根元素 ...
分类:
其他好文 时间:
2017-05-07 20:01:46
阅读次数:
128
ue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,也就 ...
分类:
其他好文 时间:
2017-05-05 20:59:28
阅读次数:
291
main.js文件添加如下: new Vue({ router, render: h => h(App), data: { eventHub: new Vue() }}).$mount('#app'); 父组件: 监听事件: this.$root.eventHub.$on('cart.add', ( ...
分类:
其他好文 时间:
2017-05-04 23:20:25
阅读次数:
181
项目简介 Github: https://github.com/hanan198501/vue-spa-template 我们基于 vue-cli 脚手架生成项目模板做了一些改造,加入了 vue-router ,vuex 等配套设施,本地 dev server 中加入了接口 mock 功能,还增加一 ...
分类:
其他好文 时间:
2017-05-04 20:06:14
阅读次数:
209