使用vue.js需要注意:1、过滤器主要用于简单的文本转换;2、computed和methods的区别;3、key的使用;4、数组的使用;5、组件的使用;6、组件通信。

本文环境:windows10、vue2.9,Dell G3电脑。
(学习视频分享:javascript视频教程)
使用vue.js需要注意以下问题:
1、过滤器主要用于简单的文本转换,如果要实现复杂的数据变换,应使用计算属性
立即学习“前端免费学习笔记(深入)”;
2、指令的使用
v-bind基本用于HTML元素上的属性,如id、class、href、src等
v-on用来绑定事件监听器,如click、dblclick、keyup、mousemove等,method内的this指向的是当前Vue实例
v-show不能使用在template上
- v-if 和 v-show使用场景
v-if 条件为false则不会编译渲染元素。v-show只是简单的CSS属性切换,无论true/false,都会编译。v-if适合条件不常改变的场景v-show适用频繁切换条件
3、computed和methods的区别
methods有括号(),computed不带括号。
computed是基于它的依赖缓存,只有相关依赖发生改变时才会重新取值。
methods在重新渲染的时候,函数总会重新调用执行。
4、key的使用
seo特别版程序介绍:注意:普通用户建议使用淄博分类信息港程序普通版本。主要针对seo需要增加了自定义功能:自定义文件路径;自定义文件名;自定义关键字。这些功能的作用,只有自己体会了。以下是淄博分类信息港程序的介绍:淄博分类信息港程序一套现成的城市分类信息网站发布系统。发布管理房屋、人才、招租、招聘、求购、求租、搬迁、运输、二手交易、招生培训、婚介交友等各类信息的发布和查询。淄博分类信息港发布程序
Vue渲染元素时,考虑效率,会尽可能复用已有的元素。此时需要在被重用的元素加上key属性
5、数组的使用
filter()、concat()、slice()不会更改原数组,将返回一个新数组
-
用新数组替换原数组,无性能影响。Vue渲染时,会尽量复用DOM元素
部分数组变动无法被Vue检测到,并更新视图
app.books[3]={}app.books.length=1以上情况可以分别使用Vue.set和app.books.splice(1)处理
6、组件的使用









