摘要: 基础用法 v model指令在表单 元素上创建双向数据绑定 v model会忽略所有表单元素的value,checked,selected特性的初始值而总是将vue实例的数据作为数据来源。你应该通过JavaScript在组件的data选项中声明初始值 复选框 Jack John Mike Check 阅读全文
posted @ 2018-03-13 19:07 不完美的完美 阅读(180) 评论(0) 推荐(0) 编辑
摘要: 监听事件 可以用v on指令监听dom事件,并在触发时运行一些JavaScript代码 Add 1 The button above has been clicked {{ counter }} times. var example1 = new Vue({ el: ' example 1', da 阅读全文
posted @ 2018-03-13 18:44 不完美的完美 阅读(313) 评论(0) 推荐(0) 编辑
摘要: 条件渲染 v if 在字符串模板中,比如 Handlebars,我们得像这样写一个条件块: <! Handlebars 模板 {{ if ok}} Yes {{/if}} 在 Vue 中,我们使用 v if 指令实现同样的功能: Yes 也可以用 v else 添加一个“else 块”: Yes N 阅读全文
posted @ 2018-03-13 18:16 不完美的完美 阅读(1027) 评论(0) 推荐(0) 编辑
摘要: 处理用户输入 v on指令添加一个事件监听器 div id="app 5" {{ message }} 逆转消息 var app5 = new Vue({ el: ' app 5', data: { message: 'Hello Vue.js!' }, methods: { reverseMess 阅读全文
posted @ 2018-03-13 17:22 不完美的完美 阅读(253) 评论(0) 推荐(0) 编辑