Vue3.2已发布，带来了这些新特性！

第一个：

从一开始学习vue3就注意到了实验性的

第二个：新增

而

立即学习“前端免费学习笔记（深入）”；

import { ref } from 'vue'
const color = ref('red')

因为vue中文官网暂时没有此次的更新内容，需要的同学可能要到外网啃啃英文文档了。

文档地址：

https://v3.vuejs.org/api/sfc-script-setup.html

第三个：新增 defineCustomElement方法

Vue 3.2 引入了一个新的 defineCustomElement 方法，可以使用 Vue 组件 API 轻松创建原生自定义元素：

import { defineCustomElement } from 'vue'
const MyVueElement = defineCustomElement({
  // normal Vue component options here
})
// Register the custom element.
// After registration, all `` tags
// on the page will be upgraded.
customElements.define('my-vue-element', MyVueElement)

第四个：性能改进

此处有很大篇幅讲述3.2版本的性能升级，其中提到了新的指令v-memo，简单来说这个指令会记住模板树的一部分，不仅跳过虚拟 DOM 差异，而且完全跳过新 VNode 的创建。可用于复杂的大型页面。

第五个：服务器渲染

Smile企业费用管理系统源码1.0

一、源码特点企业费用管理系统，有权限分配，登陆验证，新增角色，发布公告等二、功能介绍1、js的兼容性有个地方不行（比如模块排序，那个时候也是雏鸟一只，写了一小撮，现在用jq应该好处理的吧，ie里面没问题，大家发挥吧）2、里面的菜单和对应菜单下面的目录项可以根据需求自己添加的，有对应模块3、可以根据自己设定的角色添加对应的访问页面4、有些操作涉及到按钮权限，对于这种思路，我粗粗的写了2个自定义控件，

下载

最后提到了服务端渲染与新的Effect Scope API。有兴趣的同学可以仔细看一看更新文档。

blog.vuejs.org/posts/vue-3…

第6个：1024Lab 再说点儿

相信很多同学已经上手开始使用了。在文档中可以看到，

defineProps、defineEmits、defineExpose、withDefaults属于compiler macro，编译器宏。文档中也说到：

They do not need to be imported, and are compiled away when is processed

他们不需要引入，会在编译的时候处理掉。

然而不引入你用的时候就会报错。

首先eslint会报错：

ESLint: 'defineEmits' is not defined.(no-undef)

此时你需要更改eslint-plugin-vue的配置

//https://eslint.vuejs.org/user-guide/#compiler-macros-such-as-defineprops-and-defineemits-are-warned-by-no-undef-rule
module.exports = {
  globals: {
    defineProps: "readonly",
    defineEmits: "readonly",
    defineExpose: "readonly",
    withDefaults: "readonly"
  }
}

然后可能编译后浏览器控制台会报错

defineEmits is not defined

你可能会发现defineEmits等并没有在编译的时候处理掉，通过浏览器看源代码defineEmits还在，且画着红色波浪线。此时你可能需要查看package.json中各个包的版本以及vite的版本2.4.x，更新后重试，此时编译出来的代码应该是这样：

const _sfc_main = _defineComponent({
  props: {
    value: { type: Number, required: false }
  },
  emits: ["update:value"],
  setup(__props, { expose, emit }) {}
 })