reactive, watchEffect两个函数有关的单文件组件的例子

最新推荐文章于 2024-09-15 00:30:13 发布

hamimelon2020

最新推荐文章于 2024-09-15 00:30:13 发布

阅读量96

点赞数

分类专栏： vue JavaScript 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_40945354/article/details/121040504

版权

vue 同时被 2 个专栏收录

722 篇文章 4 订阅

订阅专栏

JavaScript

628 篇文章 6 订阅

订阅专栏

<script setup>
import { reactive, watchEffect } from 'vue'
//import { reactive，watchEffect } from 'vue'
//import { reactive } from 'vue'
  
//const { reactive, watchEffect } = Vue;
  const state = reactive({
    count: 0
  })
  
  watchEffect(() => {
    document.body.innerHTML = `count is ${state.count}`
  })
</script>

<template>
 <div>
   count值： {{ state.count }}
  </div>
  
</template>