import {ref} from 'vue' export default { name:'TestVue3', setup(){ let msg = 'helloword' const count = ref(1) function onClick(){ count.value++ alert(count.value) } return { msg, count,onClick } }, }
时间: 2024-02-10 19:30:17 浏览: 53
vue中的ref使用
5星 · 资源好评率100%
这是一个Vue3的组件示例,使用了Composition API。在`setup()`函数中定义了一个响应式数据`count`,初始值为1,可以在模板中进行双向绑定和修改。同时也定义了一个普通数据`msg`,可以在模板中直接使用。还定义了一个`onClick()`函数,每次被调用时会将`count`的值增加1,并弹出一个提示框显示当前值。这个函数可以在模板中绑定到一个按钮的`click`事件上。
阅读全文