高级vue 组合api setup ref用法

<script>

import {ref} from 'vue'

export default{

    setup(){

      let mes=ref(1);

      const add=()=>{

        //console.log('//1555');

        mes.value++;

        //console.log(mes)

      }

      return {

        mes,

        add,

      }

    }

}

</script>

<template>

  <div id="as">

    {{mes}}

  </div>

  <button @click="add">+</button>

</template>

<style scoped>

</style>

 

注意：必须要用 mes.value++ 不能用mes++

文章来自 www.96net.com.cn