vue3与vue2的区别

1.过滤器

vue3剔除了过滤器，建议使用计算属性或方法

2.main.js导入模板

    1.从vue中按需导入createApp函数，createApp函数的作用是创建vue'单页面应用实例'
    import {createApp} from 'vue'

    2.导入待渲染的app组件
    import App from './App.vue'

    3.调用 createApp() 函数 返回值是 单页面应用程序的实例 用常量 spa_app进行接收
    同时把App组件作为参数传给 createApp 函数 表示要把app 渲染到 index.html上
    const spa_app = createApp(App)

    4.调用 spa_app 实例的 mount 方法  来指定 Vue 实际要控制的区域
    spa_app.mount('#app')

3.根节点

vue2仅支持单个根节点

vue3可以支持多个根节点

4./deep/样式穿透

vue3中，/deep/已经不被推荐，推荐使用:deep()

5.ref

作用是创建响应式的值。ref 对象仅有一个 .value，指向该内部值。

import { ref } from 'vue'

6.只有一个setup函数

import { ref } from 'vue'
export default {
  setup () {

    // 定义一个不需要改变的数据
    const btnText = '点这个按钮上面的数字会变'

    // 定义一个 count 的响应式数据，并赋值为 0
    const count = ref(0)

    // 定义一个函数，修改 count 的值。
    const countAdd = () => {
      count.value++
    }

    // 导出一些内容给上面的模板区域使用
    return {
      btnText,
      count,
      countAdd
    }
  }
}

7.reactive

作用是创建响应式的对象或数组

import { reactive } from 'vue'</