Implementar método de cálculo computado para passar valor em vue
Como todos sabemos, o atributo computado no Vue não pode passar parâmetros diretamente, mas eu estava entediado e queria ver se conseguia passar o valor, então, após inúmeras tentativas, descobri o seguinte método: Sabemos que em computado Todos os
cálculos métodos terão a etapa de retornar dados. Para passar parâmetros, obviamente deve ser uma função, e computado é diferente de método, então escrever uma função não tem sentido. Então a questão é: por que não podemos retornar algo diferente de um valor numérico no método de cálculo? É uma função. Acho que é viável. O resultado está realmente correto. Aqui está o código:
<script setup>
import {
ref } from 'vue'
defineProps({
msg: String,
myname:String
})
const count = ref(0)
</script>
<div>{
{
getcount(count)}}</div> <!--这个count来源于script setup里面的count,我没有向外暴露-->
Portanto, o cálculo a seguir deve ser escrito assim:
computed:{
getcount()
{
return (val)=>{
console.log('当前count的值是:'+val);
}
}
}
Os resultados são os seguintes:
Está tudo bem. Embora eu não ache que seja útil, ainda é bom tentar coisas mais interessantes. Talvez eu realmente as use no futuro hahaha