vue

2022-09-12 02:24| 来源: 网络整理| 查看: 265

vue-子组件创建/注册/使用流程时间：2021-12-26 作者：zuobolan

流程分为三步

非单文件组件:(实际不用,因为很麻烦,框架都是多文件组件)

局部注册

1.创建一个组件

const school = Vue.extend({ // 传入配置对象 // 子组件配置对象不要写el,根据vm引入作用到对应区域 // data属性需要写成函数 template:``,　　name:\'school\', data(){ return { // 返回需要的data对象,因为data函数返回值是一个新的拷贝,而data对象是共同引用 } } })

2.注册该组件

// 在vm实例的配置对象中加入components属性 new Vue({ components:{ School:school, Student:student // 最好是直接简写 school, } })

3.在需要的模板中使用组件标签

注册后就可以复用这些组件

// 标签名就是组件名

注意事项:

(1)全局注册的方法

//调用component方法 Vue.component(\'hello\',hello) 参数为组件标签名,组件名

(2)组件标签名的命名规范

方法1://单个单词,首字母大写 //多个单词,多单词首字母大写

方法2://全小写

//全小写 - 间隔

(3)组件名在vue开发者工具中的识别

在组件配置项中的name属性决定,name没写则选择注册中的组件标签名

【本文地址】

公司简介

联系我们