目前 Vue3 已经成为了Vue的默认版本,本文为个人学习笔记
官方文档： cn.vuejs.org/
前置
- 由于 vue3 支持 vue2 的 选项式写法，所以本文跳过这部分内容。在后续示例代码中全部使用组合式api 。
- 本文主要以 vue3 基础语法为主
一、起步
1、 首先创建一个vue3 的项目
vue crete my-first-vue3 ****使用vue cli 命令行创建
vue ui 使用图形界面创建
yarn create vite my-first-vue3 使用 vite 构建
2、 vue 实例
将 vue 实例渲染到 HTML 页面中 vue3 使用了最新的 createApp + mount（） 方式 ，每个 vue 应用都是通过 createApp函数创建的实例
import { createApp } from 'vue';
import App from './App.vue' ; // App.vue 是所有组件的根组件
createApp(App).mount('#app')
旧版vue2 写法
const vm = new Vue({
el:'#app'
})
其中最重要的两点就是：
- 声明式渲染 ： Vue 基于HTML拓展了一套模板语法
<template><script><style> - 响应式数据 ： Vue 会自动追踪 javaScript 的状态 ，并在其发生变化时响应式的更新DOM
注： 在vue2中，
