2018年11月19日
摘要: DOM 元素经常会动态绑定一些 class 类名 或 style 样式,现在介绍使用 v bind 指令来绑定 class 和 style 的多种方法。 了解 v bind 指令 在之前已经介绍了指令 v bind 的基本用法以及它的语法糖,它的主要用法是动态更新 HTML 元素上的属性,回顾之前的 阅读全文
posted @ 2018-11-19 19:40 kindleheart 阅读(1092) 评论(0) 推荐(0) 编辑
摘要: 模板内的表达式常用于简单的运算,当过长或逻辑复杂时,难以维护,计算属性就是解决该问题的 什么是计算属性 表达式如果过长,或逻辑更为复杂,就会变得臃肿甚至难以维护,比如: 该表达式包含 3 个操作,并不是很清晰,可以用计算属性进行改写: 所有的计算属性都以函数的形式写在 Vue 实例内的 comput 阅读全文
posted @ 2018-11-19 16:06 kindleheart 阅读(473) 评论(0) 推荐(0) 编辑
摘要: 学习 Vue.js 最有效的方法是查看官网文档 数据绑定和第一个Vue应用 先从一段简单的 HTML 代码开始,感受 Vue.js 最核心的功能。 这是一段非常简单的代码,但是体现了 Vue 最核心的功能:双向绑定。在输入框输入的内容会实时显示在页面的 h1 标签内。 Vue实例与数据绑定 实例与数 阅读全文
posted @ 2018-11-19 10:27 kindleheart 阅读(393) 评论(0) 推荐(0) 编辑