vue3

• 地址：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
    • https://blog.csdn.net/sea_cxc_gz/article/details/120300835?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2~default~CTRLIST~default-1-120300835-blog-124199104.pc_relevant_multi_platform_whitelistv2&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2~default~CTRLIST~default-1-120300835-blog-124199104.pc_relevant_multi_platform_whitelistv2&utm_relevant_index=1
  • 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();