vue 学习

1.给对象动态添加属性和值

var obj={

     name:"jack",

     age:"18"

}

第一种：Vue.set(obj,'sex','18');

第二种：this.$set(this.obj, 'score', 90)；

第三种：obj.score=100;

直接赋值的方式不能触发Vue的响应式系统。

如果我们需要在模板中使用动态添加的属性，建议使用Vue.set或$set方法

2.vue修饰符

事件修饰符：

在某个组件的根元素上监听一个原生事件。可以使用 v-on 的修饰符 .native 。例如：

<my-component v-on:click.native="doTheThing"></my-component>

@click.stop 修饰符的元素，当它被点击时，事件将不会再向父级元素传递。这可以避免事件被不必要地多次触发。

v-model的修饰符
<1> .lazy
默认情况下，v-model同步输入框的值和数据。可以通过这个修饰符，转变为在change事件再同步。

<input v-model.lazy="msg">
1
<2> .number
自动将用户的输入值转化为数值类型

<input v-model.number="msg">
1
<3> .trim
自动过滤用户输入的首尾空格

<input v-model.trim="msg">
————————————————
版权声明：本文为CSDN博主「@柠稔」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/m0_64969829/article/details/122881221