组件的使用
- 使用import语法导入需要的组件
- 使用components节点注册组件
- 以标签形式使用刚才注册的组件
全局组件: 在main.js入口文件中,通过Vue.component()方法注册全局组件
组件的props:自定义属性
- 允许使用者通过自定义属性,为当前组件指定初始值。
- props: ['用户自定义名称']
- 提供属性值时,使用v-bind可以把"1"识别为数字
- props是'只读的',要想修改props的值,可以转存到data中
props:{
init:{
default : 0,
type : Number
}
}
添加required为true后,使用该组件必须填写该props属性
组件样式
在修改当前组件样式时,加scoped
当使用第三方组件库时,要想修改第三方组件的默认样式,需要用到/deep/