Vue笔记

1、“v-bind：” 简写 →“ :”

<a v-bind:href="url">点我</a>  简写  <a :href="url">点我</a>

2、v-on事件监听

v-on: 可以简写@

3、v-model 修饰符

v-model也可以和.lazy、.trim和.number这些修饰符一起使用。

<!-- 在每次 input 事件触发后将输入框的值与数据进行同步，添加 lazy 修饰符，从而转变为使用 change 事件进行同步 -->

<input v-model.lazy="msg" >

<!--去除字符串首尾的空格-->

<input v-model.trim="msg">

<!--将数据转化为值类型-->

<input v-model.number="age" type="number">

4、Vue的目录结构