前面的文章,对比了vue2和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')