vue学习-2笔记组件化

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 { }
      }}
    },