• 20分钟---Vue2-＞Vue3

    Vue官网地址：gVue.js - The Progressive JavaScript Framework | Vue.js

    选项式vs组合式

    vue的两种风格，搬运官网源码：

    选项式 API (Options API)​

    使用选项式 API，我们可以用包含多个选项的对象来描述组件的逻辑，例如 data、methods 和 mounted。选项所定义的属性都会暴露在函数内部的 this 上，它会指向当前的组件实例。

    2.  
    3. <template>
    4.   <button @click="increment">Count is: {{ count }}button>
    5. template>

    组合式 API (Composition API)​

    通过组合式 API，我们可以使用导入的 API 函数来描述组件逻辑。在单文件组件中，组合式 API 通常会与 

  • <template>
  • <button @click="increment">Count is: {{ count }}button>
  • template>

    • 创建vue3项目

    vue create yf_vue3_1

    选择vue3

    进入创建的yf_vue3_1项目中

    cd yf_vue3_1

    通过上图的提示，使用

    npm run serve

    启动项目即可

    vue3核心语法

    保留了绝大部分的vue2语法

    1.