组合式 API 基础 setup 组件选项在创建组件之前执行，一旦 props 被解析，并充当合成 API 的入口点。setup的两个注意点：1、setup执行时机，在beforeCreate之前执行一次，this是undefined；1.1、setup的参数：（1）：props：指为对象，包含组件外部传递过来，且组件内部声明接收了的属性。（2）：conte
作用：功能分开 1、创建 src/hooks/useSum.ts 2、uesSum.ts文件 import { onMounted, ref } from 'vue'; // 属性、
前言vue3上线已经很久了，许多小伙伴应该都已经使用过vue3了。那么在使用vue3composition API的时候有没有觉得整个过程会比较繁琐呢。比如当你定义
转载
2021-10-16 15:37:20
660阅读
前言vue3上线已经很久了，许多小伙伴应该都已经使用过vue3了。那么在使用vue3composition API的时候有没有觉得整个过程会比较繁琐呢。比如当你定义了
转载
2022-02-08 14:18:10
784阅读
theme: cyanosishighlight: zenburn 目前setup sugar已经进行了定稿，vue3 + setup sugar + TS的写法
原创
2022-06-20 17:27:17
2441阅读
简介 <script setup> 语法糖并不是新增的功能模块，它只是简化了以往的组合API（compositionApi）的必须返回（return）的写法，并且有更好的运行时性能。 在 setup 函数中：所有 ES 模块导出都被认为是暴露给上下文的值，并包含在 setup() 返回对象中。相对于 ...
转载
2021-11-04 13:51:00
696阅读
2评论
文章目录简介1. 属性和方法无需返回，直接使用2. 组件自动注册3. 组件数据传递(pr
原创
2022-07-19 20:16:51
491阅读
本系列介绍有 Vue2 开发经验的人迁移到 Vue3 应该学习的内容。本文主要讲解：组合 API、setup 语法糖。
组合 API（Composition API）
组合 API 是一种新的编写组件的方式，之前我们写的组件都叫选项 API（Options API），即 export 出一个对象，对象中包含 data、method、created 等等属性。
组合 API 示例如下：
<sc
原创
2023-05-24 13:26:01
443阅读
语法糖 一、什么是语法糖？ 语法糖也译为糖衣语法，是由英国计算机科学家彼得·约翰·兰达(Peter J. Landin)发明的一个术语。指的是计算机语言中添加的一种语法，在不影响功能的情况下，添加某种简单的语法也能实现效果，这种语法对计算机没有任何影响，但是对于程序员更方便，通常增加的语法糖能够增加程序员的可读性，减少出错的机会。使用语法糖可以简化代码，更便于程序员开发。二、VUE中语法糖有哪些？
setup语法糖（computed使用与watch监听）
原创
2023-02-24 11:47:25
1074阅读
父传子 父组件 <template> <Person :age="age" /> </template> <script lang="ts" setup name="App"> import { ref } from 'vue'; import Pe
选项式API与之前写法相同，本篇文章主要通过 Options API 和 Composition API 对比 watch 的使用方法，让您快速掌握 vue3 中 watch 新用法。建议收藏！一、watch 新用法选项式API中，watch 使用watch:{
mood(curVal,preVal){
console.log('cur',curVal);//最新值
console.lo
1.起初Vue3.0暴露变量必须return出来，template中才能使用；2.Vue3.2中只需要在script标签上加上setup属性，组件在编译的过程中代码运行的上下文是在setup()函数中，无需return，template可直接使用。3.本文章以Vue2的角度学习Vue3的语法，让你快速理解Vue3的CompositionApi4.本文章第十四节为状态库Pinia的安装、使用讲解一、
原创
2022-09-26 12:56:19
384阅读
目录1，前言2，基本语法2，响应式3，组件使用3.1，动态组件3.2，递归组件4，自定义指令5，props5.1，TypeScript支持6，emit6.1，TypeScript支持7，defineExpose暴露8，useSlots 和 useAttrs9，与普通的script一起使用1，前言<script setup>是在单文件组件中使用Composition API的编译时语法糖
转载
2023-10-12 20:47:58
181阅读
一，简介：2020年9月18日， vue3发布3.0版本， 代号大海贼时代来临，One Piece1，特点：无需构建步骤，渐进式增强静态的 HTML 在任何页面中作为 Web Components 嵌入 单页应用 (SPA) 全栈 / 服务端渲染 (SSR) Jamstack / 静态站点生成 (SSG) 开发桌面端、移动端、WebGL，甚至是命令行终端中的界面2，Vue3带来了什么打包大小减少4
转载
2024-04-03 21:53:35
164阅读
VUE框架Vue3下setup提供的语法糖使用------VUE框架
原创
2024-09-09 13:08:28
796阅读
1、 父组件传递引入组件 —— 注册组件 —— 使用组件 —— 传递数据通过 :自定义属性名="属性值" 的形式传递数据<template>
<div class="box">
<!-- 使用组件，通过 :自定义属性名="属性值" 的形式传递数据 -->
<child
原创
2023-11-20 17:06:59
538阅读
注意：本博客理论基础：https://blog.51cto.com/lianghecai/5743179(https://blog.51cto.com/lianghecai/5743179)效果!请添加图片描述(https://s2.51cto.com/images/blog/202210/11225118_634582e686f5a78388.gif?xossprocess=image/wate
原创
精选
2022-10-11 22:53:36
1087阅读
