Vue组件

组件的使用

1. 使用import语法导入需要的组件
2. 使用components节点注册组件
3. 以标签形式使用刚才注册的组件

全局组件： 在main.js入口文件中，通过Vue.component()方法注册全局组件

组件的props：自定义属性

• 允许使用者通过自定义属性，为当前组件指定初始值。
• props: ['用户自定义名称']
• 提供属性值时，使用v-bind可以把"1"识别为数字
• props是'只读的'，要想修改props的值，可以转存到data中
  props:{
   init:{
    default : 0,
    type : Number
   }
  }
  添加required为true后，使用该组件必须填写该props属性

组件样式

在修改当前组件样式时，加scoped
当使用第三方组件库时，要想修改第三方组件的默认样式，需要用到/deep/

组件的生命周期函数分类

• 组件创建阶段
• 组件运行阶段
• 组件销毁阶段