Vue学习第六天

1. 导入组件的命名建议大写,为了区分组件和普通组件。

2. 计算属性所依赖的数据发生改变,计算属性会重新计算值。

3. 顺序:先指令 在属性 最后绑定事件。

4.  动态组件:动态控制组件的隐藏和显示。用<component>表示。

component是vue内置的组件,作用是标签占位符,该标签的is属性是要展示出组件的名称,且该名称是在components节点下注册的。

<component is="Left"></component>

 5. 动态组件-keep-alive的使用

is属性的切换,会导致展示的旧组件的销毁和新组建的创建。keep-alive可以让组件不被销毁,只是灭活。

<keep-alive>

       <component is="Left"></component>

</keep-alive>

使用keep-alive会触发生命周期函数actived(组件被激活)和deactived(组件被缓存 )。当组件第一次被创建的时候先触发created函数,在触发actived函数,当使用动态组件component灭活该组件的时候,该组件会激活deactived函数,而不会触发destoryed销毁函数。

6. keep-alive的include和exlude属性

include用来名称匹配的组件会被缓存,多个组件用英文逗号分隔。

exlude用来名称匹配的组件不会被缓存,多个组件用英文逗号分隔。

(注意:两者二选一不能同时使用)

最后,今天学习购物车案例,周末补上

猜你喜欢

转载自blog.csdn.net/DW_css/article/details/120357168