<template> <title>陈尼克</title> <div> {{ count }} {{ object.foo }} </div> </template> <script> //import { defineProps, reactive } from 'vue' //import { createApp, ref, reactive } from 'vue'; import { ref, reactive } from 'vue'; //const { createApp, ref, reactive } = Vue; //const App = { export default { setup() { const count = ref(0) const object = reactive({ foo: "bar", }); setTimeout(() => { count.value = 1, object.foo = "foo"; },2000); return { count, object, }; }, }; </script> <style> #app { font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; margin-top: 60px; } </style> setTimeout(() => { canshu1 canshu2: "" },2000);