摘要: 16-组件的创建(注:Vue的自定义事件中的变量不能用驼峰体) vue的核心基础就是组件的使用,玩好了组件才能将前面学的基础更好的运用起来。组件的使用更使我们的项目解耦合。更加符合vue的设计思想MVVM。 那接下来就跟我看一下如何在一个Vue实例中使用组件吧! 这里有一个Vue组件的示例: Vue 阅读全文
posted @ 2018-07-30 18:46 Coca-Mirinda 阅读(2695) 评论(0) 推荐(0) 编辑
摘要: 修饰符 .lazy 在默认情况下,v-model 在每次 input 事件触发后将输入框的值与数据进行同步 。你可以添加 lazy 修饰符,从而转变为使用 change 事件进行同步: .number 如果想自动将用户的输入值转为数值类型,可以给 v-model 添加 number 修饰符 效果: 阅读全文
posted @ 2018-07-30 18:13 Coca-Mirinda 阅读(135) 评论(0) 推荐(0) 编辑
摘要: 表单输入绑定 vue的核心:声明式的指令和数据的双向绑定。 那么声明式的指令,已经给大家介绍完了。接下来我们来研究一下什么是数据的双向绑定? 另外,大家一定要知道vue的设计模式:MVVM M是Model的简写,V是View的简写,VM就是ViewModel。 单向绑定和双向绑定的区别? 单向绑定非 阅读全文
posted @ 2018-07-30 18:12 Coca-Mirinda 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 计算属性和监听器: 计算属性: 设计计算属性的初衷是为了简单运算的。(防止模板中的过多逻辑难以维护) 在这个地方,模板不再是简单的声明式逻辑。你必须看一段时间才能意识到,这里是想要显示变量 message 的翻转字符串。当你想要在模板中多次引用此处的翻转字符串时,就会更加难以处理。 总结:对于任何复 阅读全文
posted @ 2018-07-30 18:02 Coca-Mirinda 阅读(718) 评论(0) 推荐(0) 编辑
摘要: 所谓指令系统,大家可以联想咱们的cmd命令行工具,只要我输入一条正确的指令,系统就开始干活了。 在vue中,指令系统,设置一些命令之后,来操作我们的数据属性,并展示到我们的DOM上。 OK,接下来我们一一介绍我们的指令系统的用法。 1、条件渲染 一、v-if 表示条件渲染 在vue中,我们使用v-i 阅读全文
posted @ 2018-07-30 17:56 Coca-Mirinda 阅读(181) 评论(0) 推荐(0) 编辑