vue 的computed和watch在什么时候触发

computed是通过计算来产生一个结果，只有当这个结果需要在使用的时候，才会触发。

watch：是在值发生变化的时候触发。

例如：

<template><view><view v-if="ckLogin||onLogin">已经登录</view><view v-else>没有登录</view></view>
</template
export default{data(){return{onLogin:false}
},
computed: {ckLogin() {const token = getToken();if (token) {this.onLogin=truereturn true;} else {this.onLogin=false;}return this.onLogin}
},
watch:{onLogin(newVal){console.log('islogin',newVal)}}
}

在这个示例中，在组件被加载的时候，就会去检测是否登录，并显示是否登录的信息。后期如果通过其他组件完成了登录，只通过ckLogin是无法实施检测登录状态的，只能通过改变onLogin的值来实现刷新。

vue 的computed和watch在什么时候触发相关推荐

vue中computed（计算属性）和watch在实现父子组件props同步时的实际区分
vue中computed和watch的对比是一个很有意思的话题. 看过官网教程以后,我们往往更倾向多使用computed.computed优点很多,却在某些时候不太适用. 今天我们就稍微讨论一下,当我 ...
vue方法调用失败后多次调用_浅析Vue中 computed / watch / methods的区别
思考:请说下Vue中computed 和 watch 的区别( 面试题 ) 构造选项 computed / watch / methods computed ● computed 起初构想在Vue的 ...
vue，computed，计算属性
vue,computed,计算属性用法: computed: {didiFamily: {// getterget: function () {return this.data_i + ' ' + ...
Vue中computed分析
Vue中computed分析在Vue中computed是计算属性,其会根据所依赖的数据动态显示新的计算结果,虽然使用{{}}模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的,在模板中放入太 ...
Vue中computed 计算机属性、getter、setter
计算属性在模板表达式中放入太多逻辑时,会让模板重且难以维护.比如: // 错误示例 <div id="example">{{ message.split('').re ...
Vue warn]: Computed property XXXl was assigned to but it has no setter.错误
Vue warn]: Computed property "XXXl" was assigned to but it has no setter.错误解决:直接修改HTML中的v ...
VUE中computed 、created 、mounted 的先后顺序
VUE中computed .created .mounted 的先后顺序 1.computed .created .mounted 的先后顺序 created => computed => ...
vue的computed如果没有出现在模板里面，当它依赖的响应式属性发生变化，getter会触发吗？
有知乎网友问: vue的computed如果没有出现在模板里面,当它依赖的响应式属性发生变化,getter会触发吗? 先说答案,不会触发! 原因说穿了其实也很简单,因为你没有在模板中使用该计算属性,所 ...
[Vue warn]: Computed property “userInfo“ was assigned to but it has no setter.
[Vue warn]: Computed property "userInfo" was assigned to but it has no setter. 一.报错信息二.报错 ...

vue 的computed和watch在什么时候触发

vue 的computed和watch在什么时候触发相关推荐

最新文章

热门文章