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

vue3 新属性使用

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

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

ref
基本的数据类型

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

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

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

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

setUp里context里面的内容使用

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

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

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

vue生命周期

生命周期钩子的一些使用方法:beforecreate : 可以在这加个loading事件,在加载实例时触发created : 初始化完成时的事件写在这里,如在这结束loading事件,异步请求也适宜在这里调用mounted : 挂载元素,获取到DOM节点updated : 如果对数据统一处理,在这里...

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

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

watch监听的几种写法

var vm = new Vue({ data: { a: 1, b: 2, c: 3, d: 4, e: { f: { g: 5 } } }, watch: { a...

vue 公告滑动效果

vue 公告滑动效果

适应只显示一条 <div class="marquee_box"> <ul class="marquee_list" :class="{marquee_top:animate}"> &l...

vue 时间戳转今天,昨天,以前时间

filters:{ formatDate(date) { const lastDate = new Date(date); lastDate.setHours(0); lastDate.setMinutes(0); lastDate.setSecon...

vue updateModel

vue updateModel

v-model高级用法...