摘要: 话不多说,先上完整代码: #1、Text 最常见的input示例: html 然后在js中定义data的message:"msg" 结果展示: #2、CheckBox html 第一个复选框没有value属性,绑定了model为"checked",默认值是布尔类型,选中为true,未选中为false 阅读全文
posted @ 2016-05-23 16:29 Ember24 阅读(2135) 评论(5) 推荐(2) 编辑
摘要: 这个相对来说简单,看一遍代码就懂。 一、完整片段: 二、结果展示: 三、渲染后的html代码 阅读全文
posted @ 2016-05-20 17:35 Ember24 阅读(1906) 评论(0) 推荐(0) 编辑
摘要: #基础例子 在js中定义组件dr01,初始化数据num01:10,computed中定义了num02(一个返回值为num01*5的方法)。 在页面中,{{num01}}为我们定义{{num02}}为计算出来的结果: #计算属性vue.$watch 双向数据绑定的时候我们经常会遇到这样的情况:数据3= 阅读全文
posted @ 2016-05-20 16:48 Ember24 阅读(905) 评论(0) 推荐(0) 编辑
摘要: Vue指令 指令 (Directives) 是特殊的带有前缀 v- 的特性。指令的值限定为绑定表达式,因此上面提到的 JavaScript 表达式及过滤器规则在这里也适用。指令的职责就是当其表达式的值改变时把某些特殊的行为应用到 DOM 上。 在Vue中,常用的指令有v-text、v-html、v- 阅读全文
posted @ 2016-05-20 09:22 Ember24 阅读(2635) 评论(0) 推荐(0) 编辑
摘要: 插值 1、文本插值 (1)双向数据绑定 v-model="msg0101",一旦v-model中的数值发生变化,所有用vue表达式{{msg0101}}的数据都会更新。 (2)单次插值 v-model="msg0102",但是:如果我们仅仅需要显示msg0102初始化的值,则用{{#msg0102} 阅读全文
posted @ 2016-05-18 17:59 Ember24 阅读(4490) 评论(1) 推荐(0) 编辑
摘要: 1、hello vue.js! (1)引入vue.js <script type="text/javascript" src="js/vue.js"></script> (2)创建要绑定vue组件的元素,这里制定为id为"dr01"的div (3)通过<script>标签创建vm实例 (4)结果 2 阅读全文
posted @ 2016-05-18 16:17 Ember24 阅读(1291) 评论(0) 推荐(2) 编辑
摘要: 1、什么是Vue.js? 众所周知,最近几年前端发展非常的迅猛,除各种框架如:backbone、angular、reactjs外,还有模块化开发思想的实现库:sea.js 、require.js 、webpack以及前端上线部署集成工具如: grunt、gulp、fis等。 Vue.js与react 阅读全文
posted @ 2016-05-18 15:22 Ember24 阅读(8490) 评论(2) 推荐(2) 编辑
摘要: RequireJS中的简单依赖关系 阅读全文
posted @ 2016-05-12 13:26 Ember24 阅读(3691) 评论(0) 推荐(0) 编辑
摘要: 简单认识RequireJs 阅读全文
posted @ 2016-05-12 11:56 Ember24 阅读(452) 评论(0) 推荐(0) 编辑