vue3学习笔记-随笔

setup

个人浅浅的理解就是代替created 和beforeCreated,如有更好的理解请指出

https://blog.csdn.net/qq_25506089/article/details/114743592

setup接收props和context作为参数

使用

<script setup></script>

或

<script>
export default {
  setup(props, context) {
    return {}
  },
}
</script>

---

ref reactive toRefs的区别

ref -> 基础数据类型
reactive -> 引用数据类型
toRefs -> props
https://blog.csdn.net/qq_42445025/article/details/121906406

---

全局使用 — vue2.x prototype

vue2.x main.js中写法

import Vue from 'vue'
import xxx from '< xxxxURL >'
Vue.prototype.< name > = xxx;

vue3.x main.js中写法

import {createApp} from 'vue'
import App from './App.vue'
const app = createApp(App);
import xxx from "xxxURL";
app.config.globalProperties.< name > = xxx;

---

事件总线 mitt — vue2.x的事件总线

https://blog.csdn.net/mfxcyh/article/details/124167423

props的区别

vue2.x

//写法1
props: ['name1'];

//写法2
props:{
  name1:{
    type:type,
    default:value,
    ....
  }
}

vue3.x

 props: {breadList: type}