Vue3入门 - vue3相比于vue2的优点，及如何创建Vue3项目

目录

一、认识Vue3

1. Vue2 选项式 API  vs  Vue3 组合式API

2. Vue3的优势

二、使用create-vue搭建Vue3项目

1. 认识create-vue

2. 使用create-vue创建项目

3.熟悉项目和关键文件

一、认识Vue3

1. Vue2 选项式 API  vs  Vue3 组合式API

  <script>
  export default {
    data(){
      return {
        count:0
      }
    },
    methods:{
      addCount(){
        this.count++
      }
    }
  }
  </script>

  <script setup>
  import { ref } from 'vue'
  const count = ref(0)
  const addCount = ()=> count.value++
  </script>

特点：

1. 代码量变少

2. 分散式维护变成集中式维护

2. Vue3的优势

二、使用create-vue搭建Vue3项目

1. 认识create-vue

create-vue是Vue官方新的脚手架工具，底层切换到了 vite （下一代前端工具链），为开发提供极速响应

2. 使用create-vue创建项目

前置条件 - 已安装16.0或更高版本的Node.js

执行如下命令，这一指令将会安装并执行 create-vue

  
  npm init vue@latest

3.熟悉项目和关键文件

标签：count,vue,项目,create,Vue3,API,vue2,vue3
From： https://blog.csdn.net/2301_78542842/article/details/139426739