「短文」如何使用 Vue 的 Composition API 创建 Computed 属性

大家好，今天我们就简单的聊一聊在 Composition API 中如何使用 Computed 属性。

要使用 Vue 的 Composition API 创建计算属性，您应该调用 Vue 的 computed() 函数。例如，以下代码展示了如何创建将字符串值转换为小写的 Computed 属性

Vue.createApp({
  setup() {
    const name = Vue.ref('World');
    const lowercase = Vue.computed(() => name.value.toLowerCase());

    // Make sure to return your computed property
    // so your templates can use it!
    return { name, lowercase };
  },
  template: `
  <div>
    <input v-model="name">
    <div>
      Hello, {{lowercase}}
    </div>
  </div>
  `
}).mount('#app');

注：本文属于原创文章，版权属于「前端达人」公众号及 qianduandaren.com 所有，未经授权，谢绝一切形式的转载