回复
Vue之基础语法
安之__
发布于 2024-1-13 11:45
2790浏览
1收藏
模板语法
插值语法
{{插值表达式}}，能读到data里对应的值。{{ }}里的必须是JS表达式，不是JS语句（代码）。{{1+1}}，{{Date.now()}}，{{a？1 : 2}}都可得到结果。
区分：js表达式和js代码（语句）
左侧可用 const x = 来接。
js表达式是特殊的js代码，会产生一个值。
拼接字符串：默认做了拼接。
指令语法
错误写法：
正确写法：
会把url当js表达式执行。
v-bind后面的会当js指令执行。
错误写法：（当data里没有hello变量）
区别
标签体：
多层级结构
4. 数据绑定
单向bind
v-bind !
双向model
用v-model
字符串在修改时也要加“”
不是所有元素都能用v-model。
不能输入就没有value值，不能捕获用户的输入，就不能影响数据的变化，就没有意义。
v-model的简写：
总结：
5.MVVM模型
所以接收vue实例，以后一般用vm = 
这个↑vm有的，都能在模板里直接用：
总结：
6.数据代理
Object.defineProperty方法
这个方法传3个参数：
例子：
注意：
- 用它添加的属性不可枚举（遍历）。用
得到person对象的所有属性名称。
除非
- 不能在console被修改
- 不可被删除。
正常情况：
该方法让number和age之间建立了联系。
例子：
标签
赞
1
收藏 1
回复
1
1
相关推荐
