学习新的工具:vite /vit/
也是一个脚手架工具,不过比vue-cli更加轻量
注意安装完以后一定要npm i
选项API和组合API
我之前写的就是选项API,方法写在methods...2、模板中需要的数据和函数,需要在setup中返回
测试一下:
返回数据,必须要return出去
vue3.x是不建议使用vue2.x的钩子函数的
用刚刚的方法写出来的数据,并不像之前的data...,不再是响应式数据
测试一下:
我们打印出了name,发现它是一个响应式对象,数据就存放在value中,所以我们修改值的时候应该修改的是name.value
这样依旧可以修改成功,且是响应式的...直接写属性就可以
但是上面的方法还是很麻烦的,我们可以在一开始就把想要用的数据定义为响应式的,就不用那么麻烦了
ref
ref函数一般用于简单类型数据
在模板中使用ref声明的响应式数据,可以省略value...或者组件
但是这种情况不多,第一种情况较多
父子通信
之前我们的父传子就是用props,但是在vue3.0中,假如我们在获取到父组件传过来的数据时想要先进行处理该怎么做呢,在setup中怎么拿到props