<script setup>向<script>传递参数
时间: 2023-10-16 19:08:20 浏览: 85
【JavaScript源代码】vue3 父子组件传值详解.docx
在Vue 3中,<script setup>不能直接向<script>传递参数。因此,如果你需要在<script setup>中使用参数,你可以将参数定义为响应式的变量,并在<script>中引用它。例如:
<script setup>
import { ref } from "vue";
const num = ref(0);
</script>
<script>
export default {
setup() {
// 在这里可以访问和修改num
console.log(num.value);
num.value = 10;
},
};
</script>
在上面的例子中,我们在<script setup>中定义了一个名为num的响应式变量,并在<script>中引用它。这样,我们就可以在<script>中访问和修改num的值。注意,我们使用`num.value`来访问和修改响应式变量的值。
阅读全文