vue で計算された属性値の転送を実装する

vueに値を渡すための計算メソッドを実装する


ご存知のとおり、Vue の計算属性はパラメータを直接渡すことができませんが、私は退屈で値を渡すことができるかどうか確認したかったため、何度も試した結果、次の方法を思いつきました。メソッドにはデータを返すステップがあります。パラメータを渡すには当然関数である必要があり、computed はメソッドとは異なるため、関数を書いても意味がありません。そこで問題は、なぜ他のものを返せないのかということです。計算方法に数値はありますか? それは関数です。実行可能だと思います。結果は本当に正しいです。コードは次のとおりです。

<script setup>
import {
    
     ref } from 'vue'

defineProps({
    
    
  msg: String,
  myname:String
})

const count = ref(0)
</script>
<div>{
    
    {
    
    getcount(count)}}</div>  <!--这个count来源于script setup里面的count,我没有向外暴露-->

したがって、次の計算は次のように書く必要があります。

  computed:{
    
    
    getcount()
    {
    
    
      return (val)=>{
    
    
        console.log('当前count的值是:'+val);
      }
    }
  }

結果は、「
ここに画像の説明を挿入します
本当に大丈夫です。役に立たないとは思いますが、もっと面白いことを試してみると良いでしょう。将来実際に使うかもしれません(笑)」

おすすめ

転載: blog.csdn.net/weixin_51295863/article/details/131736827