#基本示例
Vue组件的定义:
component (组件)中的data ,必须是个函数,这是因为 组件是需要复用的,每次的复用,都相当于创建了一个新的实例.
这种情况跟 类(java)的实例情况类似. 否则将会出现不同组件公用 一个变量的情况,出现混淆及相互影响.
#通过 Prop 向子组件传递数据
prop的作用:类似组件的attribute,实现向组件中传值!
#监听子组件事件
监听子组件的事件,关键是 组件内部的触发按钮的事件,需要在 组件中进行监听,并在 当前Vue实例中进行处理.
另外就是,子组件的数据传递问题,因为emit(‘function-name’,args),中的args 很重要,这是针对不同item进行区别处理的关键参数.
前文讲过,组件注册有两种形式,一是 全局注册,另一个 局部注册!
#全局注册
形式:
#局部注册
注,简单理解如下:
‘component-a’ 是组件的名称,
ComponentA 是组件对象.
注意局部注册的组件在其子组件中 不可用。例如,如果你希望 ComponentA
在 ComponentB
中可用,则你需要这样写:
上例的意思就是,局部组件A,要在组件B中使用,就需要 首先在 B组件中注册(或者定义).
跟正常使用局部组件 情况一样!
这是一个组件的能够鲜活并灵活使用的灵魂属性.
Prop 类型
prop 可以是任何类型,————–>意味着可以是object类型.为什么object类型这么重要呢?因为在进行项目开发的时候,每一个 数据表中的每一行数据,从数据库获得的时候,都可以认为是 一个object类型.它的所有字段,都是一个属性值.这项就方便进行动态的绑定处理.
#Prop 验证
我们可以为组件的 prop 指定验证要求,例如你知道的这些类型。如果有一个需求没有被满足,则 Vue 会在浏览器控制台中警告你。这在开发一个会被别人用到的组件时尤其有帮助。
Original: https://www.cnblogs.com/bdxily/p/14492892.html
Author: 疯人院code
Title: Vue组件介绍
原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/685192/
转载文章受原作者版权保护。转载请注明原作者出处!