2022-07-22 vue语法

1指令集

内容渲染指令
v-text//会覆盖原来的内容
{{}} 小胡子语法，开发用的多
v-html//创建新的html标签
插值就是说{{}}

vue组件必须包裹在一个根标签内，#app的盒子

属性绑定指令

v-on =“xxx” 后面接的是事件处理函数，之前的是data的属性名
vue提供了内置变量$event事件对象

原生js的事件对象有一个成员函数preventDefault()用于阻止默认事件，在vue中简写为@click.prevent 。@click.xxx就是事件修饰符

v-model value属性就没意义了；单向绑定是数据源向dom同步，而页面的改动不会同步回数据源

表单中用户提交的格式是字符串，因此需要将字符串转换为有效的数字

v-for 要循环生成一个什么样的dom结构，就在这个dom身上加一个v-for