vue3-ref定义

<template>

  <div class="HelloWorld">

    <p>num1-{{num1}}</p>

    <p>num2-{{num2}}</p>

    <p>num3-{{num3[1]}}</p>

    <p>num4-{{num4.age}}</p>

  </div>

</template>

<script>

import {ref } from 'vue';

export default {

  name: 'HelloWorld',

  //接受父组件数据

  props: {

    msg: String

  },

  //定义子组件

  components:{},

  setup(){

    let num1 =ref(10);

    let num2 =ref('字符串');

    let num3 =ref([1,2,3,4]);

    let num4 =ref({age:20});

    return{

      num1,num2,num3,num4

    }

  }

}

</script>

<style scoped lang="scss">

</style>