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 优先级高