为提高开发效率,给大家介绍一下面试官最喜欢问的13种Vue修饰符。只有绑定到模型的值才会改变

为提高开发效率,给大家介绍一下面试官最喜欢问的13种Vue修饰符。只有绑定到模型的值才会改变{{value}}data(){return{value:'222'}}2。trim修饰符的作用类似于JavaScript中的trim()方法,过滤掉v-model绑定的值的前后空格。{{value}}data(){return{value:'222'}}3.数字number的函数修饰符是将值转换成数字,但是先输入字符串,先输入数字,有两种情况{{value}}data(){return{value:'222'}}如果先输入数字,则只取数字的第一部分。如果先输入字母,则数字修饰符无效。4、stopstop修饰符的作用是防止冒泡methods:{clickEvent(num){不带stop,点击按钮输出12带stop,点击按钮输出1console.log(num)}}5.捕获事件默认从内向外冒泡,捕获修饰符反向作用,从外网捕获methods:{clickEvent(num){不捕获,点击按钮输出12添加捕获点击按钮输出21console.log(num)}}6.self修饰符的作用是只有自己绑定的点击事件才会触发事件methods:{clickEvent(num){clickbuttonwithoutselftooutput12添加了self点击按钮输出1点击div输出2console.log(num)}}7.onceonce修饰符的作用是事件只执行一次methods:{clickEvent(num){没有一次,多次点击按钮输出1withonceadded,多次点击按钮只会输出1一次console.log(num)}}8.preventprevent修饰符的作用是阻止默认事件(比如a标签的跳转)...12.Camel不添加camelviewBox会被识别为viewbox