<template>
<!-- 响应式数据变量是双项绑定 -->
<view>{{num}}</view>
<view>{{string}}</view>
<view>{{arry[2]}}</view>
<view>{{obj.name}}</view>
</template>
<script setup>
// 使用ref定义响应式数据变量,必须导入ref
import {ref} from "vue";
let num = ref(5);
setInterval(()=>{
num.value++;
}, 1000)
let string = ref("Hello World");
let arry = ref([1,2,3,4,5,6,7,8]);
let obj = ref({name:"王五", age:18});
</script>
<style lang="scss">
</style>
VUE3与Uniapp 二 (响应式变量ref)
最新推荐文章于 2024-06-24 15:21:12 发布