vue进阶学习组件03

组件注册

一种是全局注册

Vue.component(‘my-component’,{

template: '<div>this is a component</div>'

})

一种是局部注册

需要注意的是vue模板最终会渲染成htmldom结构给浏览器解析，所以html的结构特点限制也是vue的结构限制。但是可以用is标签来解决这个问题

<ul>
  <li is="my-component"></li>
</ul>

父组件传递参数给子组件，当这个组件给别人用时候，需要验证一下提示，那就使用对象的写法代替数组的写法，把类型限制住，如果类型不对，则提示。