VueComponent
VueComponent构造函数
是Vue.extend(options)返回值,每次都返回一个全新的 VueComponent(options)构造函数
其中options是 组件配置对象 ---> {data,methods,computed....}
1.定义组件
const School = Vue.extend(options) // 创建school组件
const Student = Vue.extend(options) // 创建student组件
/*
因为Vue.extend()每次都返回全新的VueComponent,所以school的构造函数 和 student的构造函数 不一样
*/
2.注册组件
// 配置项中:注册组件(局部注册)
components:{
School:School
/*
前边的School是组件标签 或者叫 组件名
后面这个School其实就是Vue.extend(options)的返回值VueComponent(options)
单文件组件开发中:
一般后面的School是import过来的组件配置对象,Vue会自动调用Vue.extend(配置对象)生成独一无二的VueComponent构造函数
*/
}
3.使用组件
<template>
<School/> // 这种自闭合写法需要在脚手架环境下
<School></School>
/*
当模板解析时发现你写了School组件标签,那Vue就会自动 School = new VueComponent(options) 创建组件
这个VueComponent(options)就是你注册组件时 组件标签:后的构造函数
*/
</template>
总结
所以不同组件的构造函数VueComponent不一样,这困扰了我很久...
本文来自博客园,作者:ycccc丶,转载请注明原文链接:https://www.cnblogs.com/imycc/p/16537107.html
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 我与微信审核的“相爱相杀”看个人小程序副业
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· spring官宣接入deepseek,真的太香了~