vue计算属性里不能写什么
-
在Vue的计算属性中,不能写具有副作用的代码和异步操作。
具有副作用的代码指的是会改变数据状态或者触发其他方法的代码,例如修改数据、发送网络请求、打印日志等。计算属性是根据依赖的数据动态生成的,不应该在其中修改数据状态,否则会导致数据的不一致性。
异步操作指的是需要等待一段时间才能得到结果的操作,例如发送网络请求或者使用定时器。计算属性应该是同步的,即时返回结果,而不是等待异步操作的结果。
总结来说,计算属性应该是纯粹的、无副作用的,只依赖于其他的数据属性,而不是改变数据属性。如果需要进行具有副作用或异步操作的操作,请使用方法(methods)来实现。
1年前 -
在Vue的计算属性中,不得使用以下内容:
-
异步操作:计算属性是根据依赖的数据进行计算的,它应该是同步的。如果在计算属性中包含异步操作,比如调用API获取数据,将会导致计算属性的返回值不稳定且不可预测。
-
有副作用的操作:计算属性应该是纯函数,即只依赖于输入的数据并且没有任何副作用。副作用的操作包括修改数据、提交表单、打开弹窗等。应该将这些操作放在方法(methods)中而不是计算属性中。
-
对计算属性进行赋值:计算属性是只读的,它的值是根据依赖的数据动态计算得到的。因此,不应该对计算属性进行赋值操作,否则会导致错误。
-
通过参数传递额外的数据:计算属性只能接收Vue实例中的数据作为参数,并且不能接收额外的自定义参数。如果需要传递额外的数据,可以使用方法(methods)来实现。
-
使用箭头函数:在计算属性中使用箭头函数将导致this指向错误。由于计算属性中的this指向Vue实例,使用箭头函数将指向父级作用域,而不是Vue实例。
总结来说,计算属性应该是纯粹的、同步的,并且只依赖于指定的数据。它的作用是根据依赖的数据进行动态计算,而不做其他的操作。如果需要进行副作用的操作或异步操作,应该通过方法(methods)来实现。
1年前 -
-
在Vue的计算属性中,有一些限制和禁止的操作或写法。下面是一些常见的情况:
-
不能在计算属性中修改数据:计算属性是根据依赖的数据进行计算得出结果的,因此不能直接修改计算属性中依赖的数据。如果需要修改数据,应该使用Vue的响应式数据修改方式,例如使用方法或者直接对数据进行修改。
-
不能在计算属性中进行异步操作:计算属性是同步执行的,因此无法在计算属性中进行任何异步操作,例如发送AJAX请求或者使用定时器等。如果需要进行异步操作,应该使用Vue的生命周期钩子函数或者使用方法来处理。
-
不能在计算属性中引用其他计算属性:计算属性可以依赖其他计算属性进行计算,但是不能在计算属性的定义中直接引用其他计算属性,否则会导致循环依赖的问题。
-
不能在计算属性中使用this关键字:在计算属性中,不能使用this关键字来访问Vue实例的其他属性或者方法。如果需要访问Vue实例中的其他属性或者方法,应该使用methods方法。
总的来说,计算属性应该保持简单和高效,只用于计算相关的值,并且不应该有副作用和异步操作。如果需要进行复杂的业务逻辑或者操作,应该使用methods方法来处理。
1年前 -