vue3+ts+setup语法糖

vue2是选项式（配置式）API，vue3是组合式API，所以这两个的写法就会不一样！也就是说vue2，是分开写的，而vue3呢，则是一起写的！我没写组件的名字，我发现也好使了！比如有些组件需要赋值特殊的名字，我们就不能这样写了，我们需要重新命名组件名字！我们现在下载这个插件后，还需要在vite文件里面添加，这两个地方都写完后！答：setup和data、methods可以一起存在，可以一起用。面试常问：setup和data、methods一起写、谁先执行？其实在公司里面大多数都是组件名和引用的名字一样的！

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 vue3 于 2020 年 09 月 18 日正式发布，2022 年 2 月 7 日 vue3 成为新的默认版本 距离 vue3 正式发布已经过去两年有余, 成为默认版本也过去大半年了，以前还能说是对新技术、新特性的观望，而现在面试都直问 vue3 源码了。 我想，不管什么原因，是时候学习 vue3 了 所以这次我也顺便把学习...

本文涉及语法糖的使用

接受一个内部值，返回一个响应式的、可更改的 ref 对象，此对象只有一个指向其内部值的属性 。 也可以获取属性 的浅层作用形式。 1.4 triggerRef() 强制触发依赖于一个浅层 ref 的副作用，这通常在对浅引用的内部值进行深度变更后使用。强制更新注意： ref()和shallowRef()不能一块写，不然会影响shallowRef 造成视图更新 由于 ref底层调用了triggerRef()，所以会造成视图的强制更新 1.5 customRef() 创建一个自定义的 ref，显式声明对

vue3 中使用文件名称自动注册为组件的名称，比如名为 Child.vue 的组件可以在其模板中用 引用它自己。通过对父元素添加了ref属性，并声明了一个与ref属性名称相同的变量listRef，此时通过listRef.value会获得包含子元素的dom对象 此时可以通过listRef.value.children[index]的形式获取子元素dom。这里是因为如果不使用 toRefs 转一次的话，当父组件中的 props 改变的时候，子组件如果使用了 Es6 的解析，会失去响应性。

vue3 + ts + setup 简单使用

vue3+setup+ts Vue3 使用setup语法糖+ts中如何使用全局组件，如何使用递归组件，setup语法糖组件调用自身的问题如何解决

1. 组件引入当使用setup的时候，组件直接引入就可以了，不需要再自己手动注册<template> <Child/> </template> <scriptsetuplang="ts"> importChildfrom"./Child.vue"; </script>2. ref 和 reactiveref一般用于...

vue3中新增了组合式API，本文讲解组合式API setup 的使用。

vue3 新增了组合式api的语法糖，相应的props，也会有相应的变化。下面是我总结的三种。

1.setup语法糖简介 直接在script标签中添加setup属性就可以直接使用setup语法糖了。 使用setup语法糖后，不用写setup函数；组件只需要引入不需要注册；属性和方法也不需要再返回，可以直接在template模板中使用。 <template> <my-component @click="func" :numb="numb"></my-component> </template> <script lang="ts" setup

在vue3的setup下使用Echarts

vue3 + TypeScript