Vue3速览

Vue3与Vue2的区别

vue3基本兼容vue2（兼容性达到了90%），也就是说Vue3基本可以直接写Vue2的内容

Vue3的优点

• 按需引用：不再像Vue2那样直接引用全部导致有些用不上的引用进来造成浪费。Vue3只需要用到那个引用那个就行。
• 组合式api：更加接近原生JavaScript，更加直观，对于一些学习过js却没有学习过vue的人来说也能勉强看懂一些
• 在Vue3中是没有“this”的存在的，更加有效的降低了代码的耦合性。

Vue3的启动方式

vue3启动方式与vue2有所不同，具体如下：

• vue3（main.js）：

var app = createApp(App);
app.use(store).use(router).mount('#app');

• vue2(main.js)

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

Vue3全局方法的定义

在main.js中加入app.config.globalProperties.$mysay =function(){} 具体怎么写如下

app.config.globalProperties.$mysay =function(msg){alert(msg+"你好")}

setup组合api

ref
定义值类型数据
reactive
定义引用类型数据
import {ref，reactive} from ‘vue’
set(){
const num = ref(5);
const list = reactive([“vue”,“react”,“angular”])
return {bun,list}
}
{{num}}