Vue的绑定语法

171 阅读1分钟

Vue的绑定语法

1. 什么是绑定语法: Vue中在HTML内标记哪里可能发生变化的特殊语法
2. 何时: 只要HTML中一个元素的内容可能随变量自动变化,就要用绑定语法
3. 如何: <元素>xxx{{变量名}}xxx</元素>
4. 结果: 
	(1). 在创建虚拟DOM树时,该元素就会被自动加入到虚拟DOM树中
	(2). 一旦new Vue()中{{}}中同名的变量发生变化,则new Vue()对象会自动将该变量的新值跟新到HTML中{{变量名}}位置替换——不需要我们做任何增删盖查操作
5. {{}}中: 和ES6的模板字符串${}要求是一样的!
	(1)可以放: 变量,算数计算,三目,有返回值的函数调用,创建对象,访问数组元素——所有有返回值的合法的js表达式
	(2)不能放: 分支、循环等程序结果,以及其他没有返回值的js表达式!