接下来我们要做的是vue的路由处理,首先当然是安装: 接下打开我们的main.js,引入我们vue-router,然后在告诉vue我们要使用我们的vue-router 接下来我们开始使用,比如我们的首页我们是用我们的todo-items这个组件来处理 那么我们当然也要把它引用进来 接下来我们还要做一 ...
分类:
Web程序 时间:
2016-11-27 19:27:37
阅读次数:
444
vue.js 是一个客户端js库,可以用来开发单页应用。为了一个项目的选型,我前前后后的看了angular、react、vuejs ,对前两者是佩服,对后者是爱。因为它简洁干净利索,并且还有高大上的web components实现。即使文档不多,我也愿意选择它。接下来,我们首先建立一个开始的项目,并... ...
分类:
Web程序 时间:
2016-11-27 07:18:52
阅读次数:
193
vuejs学习--递归组件 前言 学习vue有一段时间了,最近使用vue做了一套后台管理系统,其中使用最多就是递归组件,也因为自己对官方文档的不熟悉使得自己踩了不少坑,今天写出来和大家一起分享。 递归组件 组件在它的模板内可以递归地调用自己,只有当它有 name 选项时才可以。 在官网这句话就是关键 ...
分类:
Web程序 时间:
2016-11-19 02:58:45
阅读次数:
372
vue-router2.0官方文档地址:http://router.vuejs.org/zh-cn/index.html 单页应用? 单页应用程序(SPA,single page web application)。 SPA其实就是整个网站只有一个页面,只改变页面的显示内容,不需要改变整个网页。 vu ...
分类:
Web程序 时间:
2016-11-18 12:11:30
阅读次数:
402
这几天在学习vueJS,学了半个月,觉得是不是该写点什么呢?于是 、脑子一抽,仿了一个酷狗的webapp。 项目截图: 由于是单页应用,切换路由时音乐不会停止,算是一个小亮点吧。 技术栈: vuejs2.0 vue-router vuex vue-router mint-ui 演示地址和项目地址 g ...
分类:
移动开发 时间:
2016-11-11 23:23:04
阅读次数:
244
1.Vuejs组件 vuejs构建组件使用 这里注意一点,组件要先注册再使用,也就是说: 如果反过来会报错,因为反过来代表先使用了组件的,但是组件却没注册。 webpack报错后,使用webpack --display-error-details可以排错 2.指令keep-alive 在看demo的 ...
分类:
其他好文 时间:
2016-11-10 14:28:12
阅读次数:
191
唠叨 因为项目需要我自己研究了和集成在vue方便以后再使用,详情官方文档在这里。希望大家有好的建议提出让我继续改进。 simditor介绍 Simditor 是团队协作工具 Tower 使用的富文本编辑器,基于jQuery开发。 相比传统的编辑器它的特点是: Vue集成 下载: 点击这里下载的压缩文 ...
分类:
Web程序 时间:
2016-10-31 16:10:34
阅读次数:
2460
1、 动态路由匹配 比如:(动态路由的高级匹配) https://github.com/vuejs/vue-router/blob/next/examples/route-matching/app.js 2、 编程式导航 (1)router.push(…) 使用router.push(…)【等同于< ...
分类:
其他好文 时间:
2016-10-28 15:15:18
阅读次数:
438
这个demo非常适合入门的同学,不再是简单的todolist。用到的知识点有组件通信,过渡效果,vue-rsource,还有一些基本的vue指令。 先放一张截图: 是不是感觉高端大气上档次呢,演示地址 如何运行: 将项目下载到本地 如果感觉本demo对你有用的话,就给棵星星吧github项目地址链接 ...
分类:
Web程序 时间:
2016-10-27 19:51:22
阅读次数:
199
首次写vue可能会出现:[Vue warn]: Cannot find element: #app 这是因为你的js在html页面头部引入的原因,自定义js文件要最后引入,因为要先有元素id,vue才能获取相应的元素。 示例: 1.index.js var app = new Vue({ el : ...
分类:
Web程序 时间:
2016-10-24 11:35:43
阅读次数:
855