自己关于vue的一些知识理解

2019-08-29  本文已影响0人  小葵饭_七安

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内容分发

上一篇下一篇

猜你喜欢

热点阅读