- 地址:https://v3.cn.vuejs.org/guide/installation.html
- cli:https://v3.cn.vuejs.org/guide/installation.html#命令行工具-cli
- yarn global add @vue/cli
- yarn create vite h5-app --template vue
- create app
- 对于 Vue 3,你应该使用 npm 上可用的 Vue CLI v4.5 作为 @vue/cli
- Node.js version >=14.18.0
- 升级 @vue/cli https://cli.vuejs.org/zh/guide/installation.html
- vant: https://vant-contrib.gitee.io/vant/#/zh-CN/quickstart#1.-an-zhuang-cha-jian
- script setup : https://blog.csdn.net/qq_41880073/article/details/124199104
- vue3: createApp:创建一个应用实例
import { createApp } from 'vue' createApp(App).mount('#app') // 创建应用实例,一个应用需要被挂载到一个 DOM 元素中
-
传递给 createApp 的选项用于配置根组件
-
当我们挂载应用时,该组件被用作渲染的起点
-
vm:组件实例
-
生命周期钩子:
- createApp, mount
- beforeCreate
- created:// 实例被创建之后执行代码
- beforeMount
- mounted
- beforeUpdate
- updated
- beforeUnmount
- unmounted
-
对于任何包含响应式数据的复杂逻辑,你都应该使用计算属性
-
watch当需要在数据变化时执行异步或开销较大的操作时,这个方式是最有用的。
Class 与 Style 绑定 -
vue2:
import Vue from 'vue'; const app = new Vue({}) app.$mount();