1模板语法使用了函数 模板语法不要出现() 因为不能使用函数
这个报错提示是因为在模板语法中不能直接调用函数。Vue模板语法中只能使用表达式,而不是函数调用。
如果你想在模板中使用函数,可以在组件的data
选项中定义一个响应式的变量,然后在mounted
钩子中调用函数并将返回值赋给这个变量,然后在模板中使用这个变量。
例如,你可以这样修改你的代码:
<template>
<div>
{{ cart }}
</div>
</template>
<script>
import { useCartStore } from 'your-cart-store-path';
export default {
data() {
return {
cart: null,
};
},
mounted() {
this.cart = useCartStore().cart;
},
};
</script>
在上面的代码中,我们将useCartStore().cart
的结果赋给了cart
变量,并在模板中使用了这个变量。这样就避免了在模板语法中直接调用函数而导致的报错。