Vue创建组件的 4 种方式

Vue创建组件的 4种方式

template模板生成 render 函数，render函数执行得到 Vnode -> 真实 DOM 节点

• component方法

  • 全局注册： Vue.component(组件名 , {})
  • 局部注册： var 组件名 = {data:, methods:} -> 在需要的组件里面的 components 里面引入注册

• 单文件组件 .vue

  • 通过Vue-cli 、 webpack 构建组件，单文件组件 .vue 文件，在需要的组件里面的 components 里面引入注册
  • 引入后作为 render函数中 createment 的第一个参数

    render(h){ return h(demoVue) }
    // 如果 .vue 单文件中有 template 模板，则会跳过 render 函数
    // Vue.props选项里面的 template 并没有 render 优先级高
    

创建vue组件的4种方式