组件基础 返回导航

Vue组件的data必须是方法,这样才能在渲染克隆一份独立数据,避免多个组件相互影响



我是被操作文字我是被操作文字


在组件上绑定v-model

子组件:  子组件传回来的值:{{customInputValue}}

组件插槽slot的使用

我是插槽的内容

动态组件


给prop添加数据校验

注1:没有prop接收的数据会添加到组件内的根元素上,如data-date-picker="actived"已经添加到了本组件的 <p>元素上

注2:上述无prop属性默认添加到组件模版的根元素上。如果想把属性添加到其他元素上, 可以在组件定义中设置inheritAttrs: false,并在接收属性的元素上绑定v-bind="$attrs"


自定义v-modal绑定值和事件

{{myCheckboxValue}}


自定义组件内的事件绑定元素