极客时间_Vue开发实战_05.Vue组件的核心概念(1)：属性

05.Vue组件的核心概念(1)：属性

代码地址：

 

https://github.com/tangjinzhou/geektime-vue-1/blob/master/%E6%BC%94%E7%A4%BADEMO%E6%BA%90%E7%A0%81/src/views/1.1/Props.vue

 

 

 

 

三个核心概念

 

1分44秒

第一种属性的写法，平时开发的时候不推荐这么作，对系统后期的维护是不利的

推荐使用的方式：

这是自定义的校验

list是一个数组，默认是一个空的数组

isVisible默认是false ，若是你不写默认值的，vue也会帮你处理的

onChange这里是一个属性：

 

使用这个组件

把属性罗列在这里

没有什么特别的展现效果。只是把咱们父组件传递的值罗列在这里

这里咱们看到挂载了一个title，这就是原生属性，默认自动挂载到咱们的根元素

若是你并不想要这个自动挂载的功能

咱们把它设置为false 就能够了inheritAttrs:false

 

这样title就不见了

 

按钮的事件，不要去这么作

若是放开这段代码就会报错。由于咱们的属性是一个单行数据流的，不可以在子组件内修改父组件传递过来的值

能够使用回调的方式，可是这不是最好的方式，后续会讲到