2.1.1习题格式修改

eee23646 · zhaoss · 98099c13 · eee23646
隐藏空白更改
内联并排

Showing with 7 addition and 6 deletion

data/2.Vue中阶/1.Vue组件/1.全局与局部组件/exercises.md data/2.Vue中阶/1.Vue组件/1.全局与局部组件/exercises.md +7 -6

未找到文件。
--- a/data/2.Vue中阶/1.Vue组件/1.全局与局部组件/exercises.md
+++ b/data/2.Vue中阶/1.Vue组件/1.全局与局部组件/exercises.md
 # 全局与局部组件

 <div style="color: pink;">几何小常识：</div>
+<br>

-
-**定义组件名的方式有两种：**
+**定义组件名的方式有两种：**</br>
 使用 kebab-case

 ```javascript
@@ -20,7 +20,7 @@ Vue.component('MyComponentName', { /* ... */ })

 当使用 PascalCase (首字母大写命名) 定义一个组件时，你在引用这个自定义元素时两种命名法都可以使用。也就是说 `<my-component-name>` 和 `<MyComponentName>` 都是可接受的。注意，尽管如此，直接在 DOM (即非字符串的模板) 中使用时只有 kebab-case 是有效的。

-**全局组件**
+**全局组件**</br>
 到目前为止，我们只用过 Vue.component 来创建组件：

 ```javascript
@@ -49,7 +49,7 @@ new Vue({ el: '#app' })
 在所有子组件中也是如此，也就是说这三个组件在各自内部也都可以相互使用。


-**局部注册**
+**局部注册**</br>
 全局注册往往是不够理想的。比如，如果你使用一个像 webpack 这样的构建系统，全局注册所有的组件意味着即便你已经不再使用一个组件了，它仍然会被包含在你最终的构建结果中。这造成了用户下载的 JavaScript 的无谓的增加。

 在这些情况下，你可以通过一个普通的 JavaScript 对象来定义组件：
@@ -100,7 +100,7 @@ export default {
 }
 ```

-**组件注册小案例**
+**组件注册错误小案例**</br>

 ```javascript
 <!DOCTYPE html>
@@ -145,7 +145,7 @@ export default {

 </html>
 ```
-**运行会报错**
+**运行会报错**</br>
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/113a151dfcbb496f9378f29f5621b98f.png)


@@ -154,6 +154,7 @@ export default {
 <div style="color: pink;">心凉小测试：</div >


+
 观察上方组件注册错误案例，导致报错的原因是？<br/><br/>

 ## 答案