vue3的学习（终）

前面的文章，对比了vue2和vue3的区别，以及说明了vue3的基础概念和语法，这一章记录一下vue3的更多新增语法

前文：

vue3的学习（一）

vue3的学习（二）

vue3的学习（三）

vue3的学习（四）

v-if和v-for的优先级

在vue2中，v-if的优先级低于v-for，这意味着在循环数据渲染时，会先渲染，再进行判断，然后将不符合条件的数据进行销毁，如果只有少数数据时，这看起来很好用，但是在面对多个数据时，这将意味着性能会被不必要的大量消耗；

因此，在vue3中v-if的优先级被提高，如果数据中有不符合条件的值，就直接不进行渲染，需要开发者手动进行数据处理后再渲染，这也有助于新手开发者养成良好的习惯；

关于全局属性的功能注册

vue2和vue3中的全局属性添加略有不同，主要是因为vue3的特性--没有实例，请看代码：

vue2：

//先引入vue，这里省略

vue.prototype.属性名 = 属性值

vue3：

app.config.globalProperties.属性名=值



用法实例：
import { createApp, h} from 'vue'
import App from './App.vue'
let app=createApp(App)



// vue3
import axios from "axios"
app.config.globalProperties.$axios=axios
// config 配置
// global 全局
// Properties  原型属性


app.mount('#app')