Vue3 项目中使用setup()函数报错，script setup cannot contain ES module exports
当使用vue3+vite使用语法糖setup时，要注意写法.
第一种写法就是 标签里面配置 setup，另一种是：export default 类里配置 setup() 方法，
我们只需要使用一种方法即可，混用了就会报错了。
解决： 第一种
import {ref} from ‘vue’
import { Toast } from ‘vant’;
import Index from ‘../pages/Index.vue’
import Team from ‘../pages/Team.vue’
const onClickLeft = () => alert(1);
const onClickRight = () => alert(2);
const active = ref(‘index’);
const onChange = (index) => Toast(`标签 ${index}`);
第二种：
import {ref} from ‘vue’
import { Toast } from ‘vant’;
import Index from ‘../pages/Index.vue’
import Team from ‘../pages/Team.vue’
export default {
name: ‘BasicLayout’,
setup() {
const onClickLeft = () => alert(1);
const onClickRight = () => alert(2);
const active = ref(‘index’);
const onChange = (index) => Toast(`标签 ${index}`);
return {
onClickLeft,
onClickRight,
onChange,
active
};
}
};
本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://net2asp.com/ce4ec78b81.html
相关推荐
-
CTFshow web(php命令执行 37-40）
?c=eval($_GET[shy]);­=passthru(‘cat flag.php’); #逃逸过滤 ?c=include%…
-
Redis 命令大全
文章目录 启动与连接 Key（键）相关命令 String（字符串） Hash（哈希） List（列表） Set（集合） Sorted Set（有序集合） 其他常见命令 HyperL…
-
Linux底层基础知识
一.汇编，C语言，C++，JAVA之间的关系 汇编，C语言，C++可以通过不同的编译器，编译成机器码。而java只能由Java虚拟机识别。Java虚拟机可以看成一个操作系统，Jav…
-
数据结构红黑树
红黑树是一种自平衡的二叉搜索树，它通过确保任何从根到叶子的路径上不会有两个连续的红节点并且从根到叶子的所有路径上有相同数量的黑节点，从而近似平衡。这种平衡保证了在最坏情况下插入、删…
-
深度学习如何入门？
深度学习是一个广泛且深入的领域，入门需要一些基础知识和学习资源。以下是一些推荐的步骤和资源： 数学基础：深度学习需要一些数学基础，包括线性代数、微积分、概率论和统计学。这些都是理解…
-
动态内存管理（2）
文章目录 4. 几个经典的笔试题 4.1 题目1 4.2 题目2 4.3 题目3 4.4 题目4 5. C/C++程序的内存开辟 6. 动态通讯录 7. 柔性数组 7.1 柔性数组…
-
外包干了10个月，技术退步明显…
先说一下自己的情况，大专生，18年通过校招进入武汉某软件公司，干了接近4年的功能测试，今年年初，感觉自己不能够在这样下去了，长时间呆在一个舒适的环境会让一个人堕落! 而我已经在一个…
-
数据结构–基础知识
一、基本术语 数据元素：组成数据的、有一定意义的基本单位 数据项：一个数据元素可以由若干个数据项组成。是数据不可分割的最小单位 数据对象：性质相同的数据元素的集合。是数据的子集 数…
-
SQL日期转换
在SQL中，你可以使用不同的函数来截取日期（YY-MM-DD HH:MM:SS）的各个部分，如年、月、日、小时等。 1. 截取年、月、日： MySQL： 使用YEAR()、MO…
-
自动清理 ES 历史数据
目录 一、 背景 二、解决方案 三、实现操作 三、合并定时任务的例子 一、 背景 随着业务的增长和时间的变化，ES 数据库的存储空间越来越大，存储数据多数为系统监控…
