Vue组件基础复习
1.定义组件
使用Vue.extend(options)可以创建一个组件,其中options 和 new Vue(options)时传入的十分相似,但亦有区别:
组件不能配置el,最终所有的组件通过vm实例管理,vm决定着服务于哪个容器;
组件中data需要写成函数型,避免组件被复用时,数据存在引用,引起不必要的bug;
2.注册组件
局部注册:new Vue实例时传入components;
全局注册:Vue.component(‘组件名称’,组件);
3.使用组件(组件标签)
组件名由一个单词构成
首字符小写up
首字符大写UP
组件名由多个单词组成
kebab-case命名:up-to-do
CamelCase命名(大驼峰):UpToDo(Vue脚手架支持才能实现)
组件标签
<tag></tag>
<tag/> 自闭合标签
注意:不使用脚手架时,<tag/>会导致后续组件不能渲染
关于 const compos = Vue.extend(options)可以简写成 const compos = options 这件事