摘要: v-model 指令在表单控件元素上创建双向数据绑定,下面一一进行示例解释。 1、v-model 双向绑定文本 输出结果: 2、v-model 双向绑定多行文本,与上面的例子相似。 输出结果: 3、v-model 绑定复选框 输出结果:选中为true 不选中则为false 输出结果: 4、v-mod 阅读全文
posted @ 2017-05-17 16:50 街角小七 阅读(17622) 评论(1) 推荐(1)
摘要: 在html或jsp页面中我们总能碰到监听DOM事件来触发javaScript代码,下面我们就简单聊聊Vue.js中的监听事件是怎么处理的。 在vue.js中监听事件是通过v-on指令来实现的,先看一下简单的监听事件代码。 下面再看看监听方法事件的代码示例 内联处理器方法,内联javaScript语句 阅读全文
posted @ 2017-05-17 16:19 街角小七 阅读(3247) 评论(0) 推荐(0)
摘要: 遍历和条件判断混合使用示例。 输出结果: 阅读全文
posted @ 2017-05-17 15:36 街角小七 阅读(554) 评论(0) 推荐(0)
摘要: 计算属性:Vue.js 模板内的表达式非常便利,但是缺点就是只能用于简单的运算,如果模板中有太多的逻辑运算会让模板不堪重负且难以维护。恰恰计算属性可以处理复杂的逻辑运算,也就是说对于任何复杂逻辑你都应当使用计算属性。 1、计算属性基础列子 输出结果: 2、计算属性和Methods的比较 Method 阅读全文
posted @ 2017-05-17 13:36 街角小七 阅读(1491) 评论(0) 推荐(0)
摘要: Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。 在底层的实现上, Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,在应用状态改 阅读全文
posted @ 2017-05-17 10:38 街角小七 阅读(618) 评论(0) 推荐(0)