2017年7月9日
摘要: 注意: vue-router@2.x 只适用于 Vue 2.x 版本。 vue-router@1.x 对应于Vue1.x版本。 的Github地址:vue-router 文档地址 7.2. vue-router的安装使用 CDN连接方式 https://unpkg.com/vue-router/di 阅读全文
posted @ 2017-07-09 14:03 yezixuan 阅读(244) 评论(0) 推荐(0) 编辑
摘要: 组件其实就是一个拥有样式、动画、js逻辑、HTML结构的综合块。前端组件化确实让大的前端团队更高效的开发前端项目。而作为前端比较流行的框架之一,Vue的组件和也做的非常彻底,而且有自己的特色。尤其是她单文件组件开发的方式更是非常方便,而且第三方工具支持也非常丰富,社区也非常活跃,第三方组件也呈井喷之 阅读全文
posted @ 2017-07-09 13:40 yezixuan 阅读(297) 评论(0) 推荐(0) 编辑
摘要: Vue的实例是Vue框架的入口,其实也就是前端的ViewModel,它包含了页面中的业务逻辑处理、数据模型等,当然它也有自己的一系列的生命周期的事件钩子,辅助我们进行对整个Vue实例生成、编译、挂着、销毁等过程进行js控制。 5.1. Vue实例初始化的选项配置对象详解 前面我们已经用了很多次 ne 阅读全文
posted @ 2017-07-09 11:39 yezixuan 阅读(311) 评论(0) 推荐(0) 编辑
摘要: 4.1. 监听事件的Vue处理 Vue提供了协助我们为标签绑定时间的方法,当然我们可以直接用dom原生的方式去绑定事件。Vue提供的指令进行绑定也是非常方便,而且能让ViewModel更简洁,逻辑更彻底。所以还是推荐大家使用的。 Vue提供了v-on指令帮助我们进行事件的绑定。 基本的内联事件处理方 阅读全文
posted @ 2017-07-09 11:03 yezixuan 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 3.1. 条件渲染 有时候我们要根据数据的情况,决定标签是否进行显示或者有其他动作。最常见的就是,表格渲染的时候,如果表格没有数据,就显示无数据。如果有数据就显示表格数据。 Vue帮我们提供了一个v-if的指令,帮助我们完成判断的模板处理。 v-if指令可以根据数据绑定的情况进行插入标签或者移除标签 阅读全文
posted @ 2017-07-09 10:54 yezixuan 阅读(325) 评论(0) 推荐(0) 编辑
摘要: 2.1. 什么是双向绑定? Vue框架很核心的功能就是双向的数据绑定。 双向是指:HTML标签数据 绑定到 Vue对象,另外反方向数据也是绑定的。通俗点说就是,Vue对象的改变会直接影响到HTML的标签的变化,而且标签的变化也会反过来影响Vue对象的属性的变化。这样以来,就彻底变革了之前Dom的开发 阅读全文
posted @ 2017-07-09 10:39 yezixuan 阅读(442) 评论(0) 推荐(0) 编辑
摘要: 1.1. Vue简介 Vue是一个前端的双向绑定类的框架,发音[读音 /vjuː/, 类似于 view]。新的Vue版本参考了React的部分设计,当然也有自己独特的地方,比如Vue的单文件组件开发方式都很有创新,另外Vue自身的一些绑定的语法、用法等都非常精炼,很容易上手,而且第三方的插件都非常丰 阅读全文
posted @ 2017-07-09 10:06 yezixuan 阅读(317) 评论(0) 推荐(0) 编辑