您现在的位置是：首页 >其他 >vue3 新特性详解网站首页其他

vue3 新特性详解

白鹭凡 2024-06-17 10:32:17
简介vue3 新特性详解

vue3 详细讲解

setup

vue3中的新配置项，值为一个函数，组件中所用到的数据，方法等等，均要配置在setup中，

setup函数的两个返回值：
1、若返回一个对象，则对象中的属性，方法，在模板中均可以直接使用。
2、若返回一个渲染函数，则可以自定义渲染内容

注意*：
1、尽量不要与vue2配置混用。
vue3是向下兼容的，vue2中的data(),methids:{}…可以访问到setup中的属性，方法。但在setup中不能访问到vue2配置的data(),methids:{}… 。如果有重名setup优先。
2、setup不能是一个async函数，因为用async返回值不再是return的对象，而是promise,模板看不到return对象。

ref 函数

返回一个响应式可更改的ref对象，
在js或ts中使用需要.value。如果是对象只需要第一层.value
template模板中会自动浅层解包，不用 .value，

<template>
<div> 姓名：
风语者！平时喜欢研究各种技术，目前在从事后端开发工作，热爱生活、热爱工作。

站长推荐