备案控制台
开发者社区 云计算 文章 正文

Vue3，setup的使用需要搭配return进行使用，Vue3中带setup的script的标签和不带能不能合并到一起，export default不能放到setup里会报错，script

2024-07-04 7
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Vue3，setup的使用需要搭配return进行使用，Vue3中带setup的script的标签和不带能不能合并到一起，export default不能放到setup里会报错，script

010.setup的语法糖_哔哩哔哩_bilibili

Vue3你定义变量的时候，必须把变量return出去才能用

Vue3中带setup的script的标签和不带能不能合并到一起

export default 不能放到setup里，会报错

放在一起然后报错了

如果想要想要合并script，这里如何实现

这里要安装一个插件：

npm i vite-plugin-vue-setup-extend -D

在viteConfig.js放入这个配置

之后在plugins去调用就可以了

重新启动一下这个项目

之后就可以直接在setup中修改组件名称了

关键词：
vue3 setup VUE.js
setup VUE.js
vue3报错VUE.js
setup script VUE.js
default VUE.js
爱你三千遍斯塔克
目录
相关文章
朝阳39
|
2天前
vue3【实战】语义化首页布局
vue3【实战】语义化首页布局
朝阳39
16 2
朝阳39
|
2天前
|
存储 容器
vue3【实战】来回拖拽放置图片
vue3【实战】来回拖拽放置图片
朝阳39
10 2
朝阳39
|
2天前
|
JavaScript 开发工具 开发者
vue3【提效】使用 VueUse 高效开发（工具库 @vueuse/core + 新增的组件库 @vueuse/components）
vue3【提效】使用 VueUse 高效开发（工具库 @vueuse/core + 新增的组件库 @vueuse/components）
朝阳39
12 1
Star时光
|
2天前
|
数据采集 JavaScript 前端开发
Vue框架的优缺点是什么
【7月更文挑战第5天】 Vue框架：组件化开发利于重用与扩展，响应式数据绑定简化状态管理；学习曲线平缓，生态系统丰富，集成便捷，且具性能优化手段。缺点包括社区规模相对小，类型支持不足（Vue 3.x改善），路由和状态管理需额外配置，SEO支持有限。随着发展，部分缺点正被克服。
Star时光
8 1
爱你三千遍斯塔克
|
3天前
|
JavaScript
Vue卸载eslint的写法,单独安装eslint,单独卸载eslint
Vue卸载eslint的写法,单独安装eslint,单独卸载eslint
爱你三千遍斯塔克
10 1
爱你三千遍斯塔克
|
3天前
|
JavaScript
青戈大佬安装Vue，无Eslint安装版，vue2安装，vue2无eslint，最简单配置Vue安装资料
青戈大佬安装Vue，无Eslint安装版，vue2安装，vue2无eslint，最简单配置Vue安装资料
爱你三千遍斯塔克
9 1
朝阳39
|
3天前
|
JavaScript 区块链
vue 自定义网页图标 favicon.ico 和 网页标题
vue 自定义网页图标 favicon.ico 和 网页标题
朝阳39
10 1
爱你三千遍斯塔克
|
3天前
|
JavaScript
This dependency was not found:* vue/types/umd in ./src/router/index.jsTo install it, you can run
This dependency was not found:* vue/types/umd in ./src/router/index.jsTo install it, you can run
爱你三千遍斯塔克
14 0
This dependency was not found:* vue/types/umd in ./src/router/index.jsTo install it, you can run
小周sir
|
2天前
|
JavaScript 前端开发 开发工具
如何学习vue框架
【7月更文挑战第5天】 - 先学HTML/CSS/JS基础和前端工程化工具（npm, webpack, Git）。 - 从Vue官方文档学习基础，包括指令、组件、响应式系统。 - 深入研究Vue Router和Vuex，掌握路由管理和状态管理。 - 学习自定义指令和Mixins，优化性能技巧。 - 实战项目练习，加入Vue社区，阅读相关资源，提升技能。 - 关注Vue生态，持续实践和创新，以适应不断发展的框架。
小周sir
6 0
朝阳39
|
3天前
|
缓存 JavaScript 算法
vue 性能优化
vue 性能优化
朝阳39
12 0

热门文章

最新文章

  • 1
    vue项目中引入字体库（icon）（详细步骤）
  • 2
    Vue3：elementplus输入框去掉边框及缩放
  • 3
    (踩坑篇)vue element-ui resetForm()表单重置失效的问题
  • 4
    VUE的ajax拦截器
  • 5
    vue3学习：:deep()深度选择器的用法
  • 6
    Vue工具和生态系统： Vue.js和TypeScript可以一起使用吗？
  • 7
    vue echarts图表自适应屏幕变化
  • 8
    VUE3（三十三）vue实现上拉加载下一页
  • 9
    Vue 父组件传值子组件无效2
  • 10
    Vue——多页面不共用token进行拦截
  • 1
    使用Vue.js构建交互式前端的技术探索
    42
  • 2
    ruoyi-nbcio-plus基于vue3的flowable为了适配文件上传改造VForm3的代码记录
    90
  • 3
    vue2升级到vue3的一些使用注意事项记录(四）
    71
  • 4
    ruoyi-nbcio-plus基于vue3的flowable收回任务后重新进行提交表单的处理
    59
  • 5
    ruoyi-nbcio-plus基于vue3的flowable多租户机制
    49
  • 6
    ruoyi-nbcio-plus基于vue3的flowable的消息中心我的消息的升级修改
    52
  • 7
    vue3中使用动态组件
    55
  • 8
    Vue 3 中 ＜transition-group＞ 组件报错的非 props 属性传递问题
    68
  • 9
    ruoyi-nbcio-plus基于vue3的flowable的自定义业务显示历史信息组件的升级修改
    37
  • 10
    ruoyi-nbcio-plus基于vue3的flowable的支持自定义业务流程处理页面detail.vue的升级修改
    55

    • 相关课程

    更多
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程
  • Node.js 入门教程文档
  • Node.js 入门与实战

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • Vue.js在前端服务化上的实践与探索
  • 探究 Node.js 的服务端之路
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）