You should probably use “school-name” instead of “schoolName”vue报错内容
时间: 2023-11-11 10:05:06 浏览: 82
vue指令之表单控件绑定v-model v-model与v-bind结合使用
这个报错内容是因为在 Vue 的模板中使用了驼峰命名法(camelCase)的变量名,而在 HTML 中应该使用连字符命名法(kebab-case)。
例如,如果你在 Vue 组件中定义了一个名为 `schoolName` 的数据属性,在模板中使用时应该写成 `school-name`,而不是 `schoolName`。
修改后的代码应该像这样:
```
<template>
<div>
<p>{{ school-name }}</p>
</div>
</template>
<script>
export default {
data() {
return {
'school-name': 'My School'
}
}
}
</script>
```
这样就可以避免这个报错了。
阅读全文