Vue 小问题集合

时间:2021-04-01 17:38:00

1. v-model绑定会自动绑定为string

  给v-model添加number修饰符:v-model.number

Vue 小问题集合

 

2.如果computed和methods中定义的方法名相同则会出现function({[native code]})

Vue 小问题集合

解决方法:由于HTML会自动匹配到methods中的方法,提示你应该加一个(),最好的方法就是更改computed中的方法名

注意:computed中的方法不能与data中的变量相同,这样会使得不会调用computed中的方法;methods和computed中最大的区别就是computed只要依赖(即参与计算的属性)的值不变,只会计算一次,methods则是每次调用计算一次。

 

3.watch和computed的区别

Vue 小问题集合

                                                      picture come from:https://blog.csdn.net/u013344993/article/details/81985438

 

4.v-show和v-if的区别

Vue 小问题集合

在浏览器的element中显示,使用v-if如果条件返回值为falsy,则不会编译,而使用v-show则会使用display:none代替

Vue 小问题集合

 

5.v-for中key的作用

https://segmentfault.com/a/1190000013810844

 

6.数组的变异方法

Vue 小问题集合

picture come from :https://blog.csdn.net/weixin_35103712/article/details/64930119

 7.vue事件修饰符   https://www.cnblogs.com/xuqp/p/9406971.html

 8.vue项目中 对于组件中的每个方法,括号应该与方法名和花括号隔开,不然会报错

 9.vue只能对开发单页网站,就是在一个网页上切换各种组件达到改变页面的效果,所以一个页面只要一个vue实例,其他都是使用component组件构造