vue3-组合式api-computed

<template>

  <div>

    msg:{{ msg }}

    <br />

    reverseMsg:{{ reverseMsg }}

  </div>

</template>

<script>

import { ref, computed } from "vue";

export default {

  setup() {

    const msg = ref("hello");

    //在computed中实现字符串反转

    const reverseMsg = computed(() => {

      return msg.value.split("").reverse().join("");

    });

    return {

      msg,

      reverseMsg,

    };

  },

};

</script>

 

运行效果：

 

出　　处：https://www.cnblogs.com/xiao-wo-niu/
版权声明：本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文链接。