摘要：
1、v-model和@input的区别：如果是用中文输入法输入中文，v-model只有当敲下汉字才会触发更新，@input会总是实时更新 (1)v-model 结果： (2)@input 结果： 阅读全文
posted @ 2021-10-02 23:08
Re。
阅读(52)
评论(0)
推荐(0)
摘要：
不改变原数组，对数组的副本做过滤或排序等操作，可以使用计算属性来返回操作后的数组。 1、过滤包含CSS关键词的数据，计算属性filterBooks依赖于books.但不会修改。 2、对数据名的长度由短到长进行排序。 阅读全文
posted @ 2021-10-02 21:37
Re。
阅读(38)
评论(0)
推荐(0)
摘要：
问题：以下变动的数组中，Vue是不能检测到的，也不会触发视图的更新： 1、通过索引直接设置项，比如app.books[3] = {...}; 2、修改数组长度，比如app.books.length = 1; 解决：1、通过索引直接设置项 （1）使用Vue内置的set方法 或 这里的this指向的是当 阅读全文
posted @ 2021-10-02 21:29
Re。
阅读(771)
评论(0)
推荐(0)
摘要：
问题：键入内容后，点击切换按钮，虽然DOM变了，但是之前在输入框键入的内容并没有改变，只是替换了placeholder的内容，说明<ipnut>元素被复用了。Vue在渲染元素时，出于效率考虑，会尽可能地复用已有的元素而非重新渲染。 解决：使用Vue.js提供的key属性，key的值必须是唯一的，给两 阅读全文
posted @ 2021-10-02 17:32
Re。
阅读(135)
评论(0)
推荐(0)
摘要：
初始化慢，Vue.js文件还没加载完时，在页面上会显示{{message}}的字样，知道Vue创建实例、编译模板时，DOM才会被替换，所以这个过程屏幕时闪动的。 解决方案：加一个CSS <div id="app" v-cloak>{{message}}</div> [v-cloak]{display 阅读全文
posted @ 2021-10-02 16:17
Re。
阅读(71)
评论(0)
推荐(0)
浙公网安备 33010602011771号