当前位置:首页 > vue.js > 正文内容

vue3 新属性使用

自由小鸟5年前 (2021-01-15)vue.js2902

setUp(){} //可以把所有数据和方法都放这里面一起导出,这个是在实现挂载之前就会执行的

ref
基本的数据类型

reactive
可以把数组,对象转成响应式

readonly
处理之后的数据不能进行修改

toRefs
可以把响应对象的某个解构出来的值变成响应式,
如果原数据没有key,那就会给undefined,不具备响应式

toRef
可以添加不存在的值 ,但不建议这么使用

setUp里context里面的内容使用

版权声明:本文由Web学习之路发布,如需转载请注明出处。

本文链接:https://www.webge.net/?id=105

“vue3 新属性使用” 的相关文章

vuex刷新状态消失的解决办法

vuex做数据管理非常好,但是唯一美中不足的地方,就是当页面刷新的时候状态保存不下来,但是工作业务中,常常会遇到,可能需要把状态保留下来的情况那在这种情况下可以使用方案:在 app.vue中的created函数中写如下代码:localstorage和sessionStorage都可以//在页面加载时...

vue3

vue3

安装vite?-Vite是vue作者开发的一款意图取代webpack的工具,其实原理是利用ES6的import会发送请求加载文件的特性,拦截这些请求,做一些预编译,省去webapck沉长的打包时间安装:npm install -D create-vite-app利用vite创建 vue3项目cre...

vue 用当前对象获取坐标距离

selectMeeting(day, jsEvent) { //jsEvent 这个传进来就是$event this.selectDay = day; this.showMore=false; this.meetingShowMore = true;...

vue 滑入滑出效果动画

<transition> <span v-show="errorMessage" class="message"><span class="icon" :class="erro...