ue组件化
1单文件组件 .vue文件(一个文件就是一个组件)组件里面包含template模板 script组件实现 style样式
vue组件特性
1.可以被嵌套
2.可以被复用
关于组件注册
1.全局注册
*main.js中引入组件
import Btn from './components/Btn'
*注册组件
Vue.component('btn',Btn)
1 第一个参数 组件使用时的名字
2 导入的组件对象
2.局部注册
* 在使用时注册
* 首先import引入
* components:{
Btn,Nav(es6特性)
}
组件的创建
1. 新建vue文件,根据规范实现组件
* name data
2. 在需要用到的地方import导入
import Btn from '路径'
3. 在使用的地方注册
components:{
Btn
},
4. 调用
<btn></btn>
组件使用
1 创建组件
2 导入组件
3 注册组件
4 调用组件
props
1 使用组件
2 props用于向组件传递参数
3 组件内部接受props,实现不同的形态
props 验证和类型检查 默认值
props:{
text:{type:String,
required:true},
color:{type:String},
size:{type:String},
fn:{type:Function,
default: function () {
return { }
}}
},