vue3随手记

vue3目录

• vue3和vue2的区别
• vue3的优点
• vue3的启动方式
• 全局方法的定义
• setup组合api

vue3和vue2的区别

vue3和vue2没什么很大的区别，vue3兼容90%的vue2代码，区别就是vue2的组件是全局安装，而vue3的组件是哪里需要哪里引入，提升了代码的阅读性和打开速度

vue3的优点

按需引用组件，组合式api：更加接近原生js，更加直观。没有this了，更有效的降低的代码的耦合性。

vue3的启动方式

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

全局方法的定义

app.config.globalProperties.$mysy=function(){}

setup组合api

• ref：定义值类型数据
• reactive：定义引用类型的数据
• import {ref,reactive} from ‘vue’
  setup(){
  const num = ref(5);
  const list = reactive([“vue”,“react”,“anglur”])
  return {num,list}
  }
  { {num}}
  < v-for=“item in list”