Vue

文本插值使用大括号，在html标签中使用指令如v-html="var1", v-on:click="@click_func"

v-bind缩写 v-bind:href ==> :href

v-on 缩写 v-on:click ==> @click

v-else-if

v-for="item in items"

vue组件

const app = Vue.createApp({...})

app.component('my-component-name', {
  /* ... */
})

vue3计算属性 关键字computed

可以使用 methods 来替代 computed，效果上两个都是一样的，但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。而使用 methods ，在重新渲染的时候，函数总会重新调用执行。

Vue3样式绑定 v-bind:class 简写为:class :class="{ 'active': isActive }"

混入 (mixins)定义了一部分可复用的方法或者计算属性。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。