Vue3基础知识点

Vue3基础知识点文档

1.基础属性： reactive, computed, watchEffect, watch, onMounted，getCurrentInstance

/*
说明：
1.setup是函数入口
2.getCurrentInstance全局函数,可以绑定全局方法
3.reactive 声明变量 
  let state = reactive({ name: "summer" })
  return { state }
  页面使用： {
  { state.name }}

  简写方式： 在return里面采用 return { ...toRefs(state) }
  页面使用： {
  { name }}
4.computed-计算属性 let num = computed(() => { state.name = "zero" })
5.watch-监听属性 
6.watchEffect
*/
<template>
  <div class="box">
    {
  { state.name }}---{
  { state.num }}
    <h1>
      <test-son :list="state.list"></test-son>
    </h1>
    <h2>年龄总和: {
  { total }}</h2>
    <div @click="handleClick">点击</div>
  </d