VUE3安装

网址：https://vue3js.cn/（这个不是官网，是由国内Vue爱好者共同搭建）
全局安装脚手架：npm i @vue/cli -g
vue create 项目名称（这个的意思是创建(vue create) 项目名(项目的名称)）

安装组件

vue3特点

新增组合式api
更加接近原生js
按需加载

vscode插件推荐

vetur
Vue Volar extension Pack（可以直接搜Volar）

vue3与vue2基本相同

1、都支持服务器端渲染
2、都有Virtual DOM（虚拟dom），组件化开发,都有‘props’的概念，这是properties的简写。props在组件中是一个特殊的属性，允许父组件往子组件传送数据,都实现webComponent规范
3 、数据驱动视图
4 、都有支持native的方案,React的React native、Vue的weex
5 、构建工具
React和Vue都有自己的构建工具，你可以使用它快速搭建开发环境。React可以使用Create React App (CRA)，而Vue对应的则是vue-cli。两个工具都能让你得到一个根据最佳实践设置的项目模板。都有管理状态，React有redux,Vue有自己的Vuex（自适应vue，量身定做）

vue3与vue2的不同点

启动方式

//v3
import {createApp} from 'vue'
createApp(App).use(router).use(store).mount("#app")

//v2
import Vue from 'vue'
new Vue({store,router,render:h=>h(App)
}).$mount("#app")

全局方法挂载

//v3
app.config.globalProperties.$say = function(msg){alert(msg)}
a

//v2
Vue.prototype.$say = function(msg){alert(msg)}

根节点

v3 可以有多个根节点
v2 只能有一个根节点

生命周期，卸载

组件将要卸载	beforeUnmount()
组件已经卸载	unmounted

beforeDestroy()	destroyed()

setup api

ref：

创建值类型响应式数据方法
在seup内部需要 .value 来访问设置值

reactive:

创建引用类型响应式数据方法

defineProps:

定义组传的传参props

defineEmits:

定义组件发送的事件

watch:

监听一个数据的变化

watchEffect :

监听多个数据

生命周期:

setup中的生命周期，没有beforeCreate与created
setup的生命周期需要加on前缀

Vue3基础安装教程相关推荐

JAVA零基础安装教程+环境变量配置
JAVA零基础安装教程+环境变量配置 JAVA官网 JAVA的下载选择 JAVA的正式安装 JAVA环境变量的配置 JAVA 8的安装包下载注:嫌麻烦的直接点击 5. JAVA 8的安装包下载,即可 ...
【ns-3】零基础安装教程
文章目录前言 1. 安装虚拟机及Ubuntu 2. 安装依赖库 3. 下载ns-3 4. 构建ns-3 前言近期因工作需要开始接触ns-3.作者零基础,从零开始顺利完成了ns-3的安装.本篇为ns ...
从零开始学黑苹果-基础安装教程(10.11.6)
[本文转载自]蒋古申本文目录: 1. Hackintosh 简介与心得 2. U盘安装原版 OS X 10.11.6步骤安装U盘的制作 Clover 引导安装 3. macOS 的安装 4. 驱动 ...
黑苹果系统坏了如何恢复_黑苹果macOS系统U盘版/恢复版基础安装教程
写在前面本文最后更新:2020年7月17日本文是一篇黑苹果安装基础教程,内容比较入门.安装黑苹果,相信谁都不敢说自己能100%解决所有问题.如果本文未能解决你的问题,请见谅.本文主要介绍两种安装方 ...
三、Python零基础安装教程，用Eclipse编写Python程序
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ...
Eclipse安装教程 ——史上最详细安装Java Python教程说明
Eclipse安装教程 --史上最详细安装Java&Python教程说明 ...
STM32 基础系列教程 0 - CubeMX 下载与安装
前言学习STM32CUBEMX工具的下载与安装,学会从st官网(www.st.com)查找与下载资料. 示例详解 STM32CUBEMX 下载进入st官网(www.st.com),在官网的网页搜索 ...
Tomcat：基础安装和使用教程
Tomcat:基础安装和使用教程 Tomcat:基础安装和使用教程背景此文记录了 Tomcat 的基本使用方法,主要为了强化记忆. 安装步骤第一步:下载和安装 Java 下载地址:http:// ...
Anaconda是什么？Anconda下载安装教程 - Python零基础入门教程
目录一.前言二.Anaconda 是什么? 三.Anaconda 下载地址四.Anaconda 安装五.猜你喜欢零基础 Python 学习路线推荐 : Python 学习目录 >> ...

Vue3基础安装教程