(六)这一节单讲,vue3的升级的变化

这一节单讲,vue3的升级的变化

useURLLoader 这一节说的就是你使用axios的时候 返回的一个响应式的返回结果 声明的就是一个响应式对象 返回对应的连接

使用ts进行泛型改造 类型约束 就是你获取上面的那个类型的时候没有相应的值 所以使用泛型进行约束

vue2 在使用 typescript的时候 ,因为没有集成,所以很多都是在使用 vueclass 或者 extends 的使用方法
vue3 怎么解决:
import {defineComponent} from 'vue'

 要是你不写这个 defineComponent 提示啥的都没有,就相当于你是使用这个进行了一次创建
 export default defineComponent({
	name:'Hello Word',
	props:{
		msg:{
			required:true,
			type:String	
		}
	},
	最最重要的 setup 接收两个参数 props是组件接收的数值,context类似于上下文的this 携带(attrs slots emit)
	setup( props , context){
		props.msg
		
		这三个在使用的时候都是最新的值的
		context.attrs  ———— $attribute 属性
		constext.slots ————插槽
		context.emit ———— 事件对象
	}

 })

vue2的 lagacyOptions 是vue2 中的一些事件对应的方法(data computed ... 等等)

vue3 其实就是在setup中: ComponentOptionsBase vue3所对应的一些方法

posted @   无梦南柯  阅读(64)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(1)
Fork me on GitHub
点击右上角即可分享
微信分享提示