qq_095的博客

watchEffect()watchEffect() 监测副作用函数。立即执行传入的一个函数，并响应式追踪其依赖，并在其依赖变更时重新运行该函数：<template> <div> <p>count: {{count}}</p> <button @click="increment">+1</button> </div></template><script>import

reactive()等价于 vue 2.x 中的 Vue.observable() 函数，vue 3.x 中提供了 reactive() 函数，用来创建 响应式的数据对象。当（引用）数据 直接改变 不会让模版响应 更新渲染：一秒后页面没有变化<template> <div>count: {{state.count}}</div></template><script>export default { setup() {

setup()Vue3 引入一个新的组件选项，setup()，它会在一个组件实例被创建时，初始化了 props 之后调用。 会接收到初始的 props 作为参数：export default { props: { name: String }, setup(props) { console.log(props.name) }}传进来的 props 是响应式的，当后续 props 发生变动时它也会被框架内部同步更新。但对于用户代码来说，它是不可修改的（会导致警告）。