Vue笔记

作者: 色即是猫 | 来源:发表于2021-03-08 17:04 被阅读0次

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的目录结构

相关文章

网友评论

      本文标题:Vue笔记

      本文链接:https://www.haomeiwen.com/subject/ooapqltx.html