自己关于vue的一些知识理解
1、计算属性computed就是当{{}}里的表达式过长时用到的,methods和computed差不多,写成一个方法就行,只不过computed有缓存,不会每次都重新渲染。
2、v-model实现双向数据绑定 数据绑定的值也要在data中初始化。用v-model后,表单控件显示值只依赖于绑定数据,不在关心初始化时的value属性,在标签中插入的值也不会生效
3、输入框中,v-model默认在input事件中同步输入框数据。使用.lazy修饰符会转变为在change事件中进行数据同步
4、过滤器:对要显示的数据进行格式化处理,这种格式化处理并不是改变原本的数据,只是
产生了对应的新数据用于显示。过滤器只适合用于处理简单的文本转换,如果实现较为复杂应使用计算属性。
5、Vue.js引入组件概念是为了提高代码的复用性,同时也提高了代码的可维护性。
6、组件中data和props都可以为组件提供数据,但他们有区别:data:对象类型,对象中return出去的数据属于组件内部数据,只能用于为组件本身。props:用来声明组件从外部接收的数据,props类型可以是字符串数组也可以是对象.这两种数据都可以在template模板,计算属性computed和方法methods中使用
7、有时候组件接收的参数是来自父组件的动态数据,需要使用v-bind动态绑定props值
8、父传子,props :子组件属性="父组件属性" 动态绑定
9、当子组件向父组件传递数据时,要用到自定义事件
Vue组件中有一套机制,类似于观察者模式(也被称作订阅发布模式),称为自定义事件
子组件使用$emit()触发事件,父组件使用$on监听子组件事件
父组件也可以直接在子组件的自定义标签上使用v-on监听子组件触发的自定义事件
10、Vue组件的三个API来源:props传递参数,events触发事件,slot内容分发