diff --git "a/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/1.\345\205\250\345\261\200\344\270\216\345\261\200\351\203\250\347\273\204\344\273\266/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/1.\345\205\250\345\261\200\344\270\216\345\261\200\351\203\250\347\273\204\344\273\266/exercises.md" index c9eacbf3bef642d3eafd784cd70080309bd444ac..3fcfa75098e59f6d2a53c47d9f8c8f819ab1723c 100644 --- "a/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/1.\345\205\250\345\261\200\344\270\216\345\261\200\351\203\250\347\273\204\344\273\266/exercises.md" +++ "b/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/1.\345\205\250\345\261\200\344\270\216\345\261\200\351\203\250\347\273\204\344\273\266/exercises.md" @@ -1,9 +1,9 @@ # 全局与局部组件
几何小常识:
+
- -**定义组件名的方式有两种:** +**定义组件名的方式有两种:**
使用 kebab-case ```javascript @@ -20,7 +20,7 @@ Vue.component('MyComponentName', { /* ... */ }) 当使用 PascalCase (首字母大写命名) 定义一个组件时,你在引用这个自定义元素时两种命名法都可以使用。也就是说 `` 和 `` 都是可接受的。注意,尽管如此,直接在 DOM (即非字符串的模板) 中使用时只有 kebab-case 是有效的。 -**全局组件** +**全局组件**
到目前为止,我们只用过 Vue.component 来创建组件: ```javascript @@ -49,7 +49,7 @@ new Vue({ el: '#app' }) 在所有子组件中也是如此,也就是说这三个组件在各自内部也都可以相互使用。 -**局部注册** +**局部注册**
全局注册往往是不够理想的。比如,如果你使用一个像 webpack 这样的构建系统,全局注册所有的组件意味着即便你已经不再使用一个组件了,它仍然会被包含在你最终的构建结果中。这造成了用户下载的 JavaScript 的无谓的增加。 在这些情况下,你可以通过一个普通的 JavaScript 对象来定义组件: @@ -100,7 +100,7 @@ export default { } ``` -**组件注册小案例** +**组件注册错误小案例**
```javascript @@ -145,7 +145,7 @@ export default { ``` -**运行会报错** +**运行会报错**
![在这里插入图片描述](https://img-blog.csdnimg.cn/113a151dfcbb496f9378f29f5621b98f.png) @@ -154,6 +154,7 @@ export default {
心凉小测试:
+ 观察上方组件注册错误案例,导致报错的原因是?

## 答案