vue3入门级笔记

本文介绍了如何使用create-create-vue搭建Vue3项目,重点讲解了组合式API中的setup函数特性,包括其执行时机、this的处理以及ref和响应式数据的使用。还提到了在script和template中操作数据的注意事项。
摘要由CSDN通过智能技术生成

一.vue3的优势

二.使用create-create-vue搭建vue3项目

 

三.项目目录和关键文件 

 四.组合式API

        1,setup的写法和执行时机

        执行时机比beforeCreate还要早

        setup函数中,获取不到this(this 是undefined)

        数据 和 函数 ,需要在 setup 最后 return,才能在模板中引用。代码如下:

setup 语法糖

 

ref 本质:是在原有传入数据的基础上,外层包一层对象,包裹成了复杂类型底层,包成复杂类型以后,再借助reactive实现的响应式。

注意:

1.脚本中访问数据,需要通过 .value

2.在template中使用数据,不需要加 .value

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值