- 错误一
vue.js:634 [Vue warn]: Error compiling template:
Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.
官网:
every component must have a single root element (每个组件必须只有一个根元素)
解决方法:
Template模板内需要用一个div将所有内容包裹住
- 错误二
Prop验证问题:
<div id="app">
<my-component prop-a='222'></my-component>
</div>
props: {
// 基础的类型检查 (`null` 和 `undefined` 会通过任何类型验证)
propA: Number,
},
问题原因:
默认prop-a无论输入任何值都是字符串类型
解决方案:
<div id="app">
<my-component v-bind:prop-a='222'></my-component>
</div>