Vue3知识点

Vue3

一、vue3特点

-基本兼容vue2代码
-优点：
按需引用
组合式api:更加接近原生js，更加直观
没有this，更有效降低了代码的耦合性

二、vue3

1、启动方式

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

2、全局方法定义

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

3、setup组合api

-ref
定义 值类型数据
-reactive
定义引用类型的数据

		import {
   ref,reactive} from "vue"
		setup(){
   
			// ref 通常定义 值类型的数据
			const num = ref(5);
			// reactive 定义引用类型的数据
			const list = reactive(["vue","react","angular"])
			return {
   num,list};
		}

• setup在beforecreated之前调用，里面的this 不是当前实例
• 

4、vue3常用方法

computed 计算

watchEffect 监听

watch 监听单个对象

生命周期

以上知识点的应用

<template>
	<div>
		<p @click="say()"