提交 eee23646 编写于 作者: Z zhaoss

2.1.1习题格式修改

上级 98099c13
# 全局与局部组件 # 全局与局部组件
<div style="color: pink;">几何小常识:</div> <div style="color: pink;">几何小常识:</div>
<br>
**定义组件名的方式有两种:**</br>
**定义组件名的方式有两种:**
使用 kebab-case 使用 kebab-case
```javascript ```javascript
...@@ -20,7 +20,7 @@ Vue.component('MyComponentName', { /* ... */ }) ...@@ -20,7 +20,7 @@ Vue.component('MyComponentName', { /* ... */ })
当使用 PascalCase (首字母大写命名) 定义一个组件时,你在引用这个自定义元素时两种命名法都可以使用。也就是说 `<my-component-name>``<MyComponentName>` 都是可接受的。注意,尽管如此,直接在 DOM (即非字符串的模板) 中使用时只有 kebab-case 是有效的。 当使用 PascalCase (首字母大写命名) 定义一个组件时,你在引用这个自定义元素时两种命名法都可以使用。也就是说 `<my-component-name>``<MyComponentName>` 都是可接受的。注意,尽管如此,直接在 DOM (即非字符串的模板) 中使用时只有 kebab-case 是有效的。
**全局组件** **全局组件**</br>
到目前为止,我们只用过 Vue.component 来创建组件: 到目前为止,我们只用过 Vue.component 来创建组件:
```javascript ```javascript
...@@ -49,7 +49,7 @@ new Vue({ el: '#app' }) ...@@ -49,7 +49,7 @@ new Vue({ el: '#app' })
在所有子组件中也是如此,也就是说这三个组件在各自内部也都可以相互使用。 在所有子组件中也是如此,也就是说这三个组件在各自内部也都可以相互使用。
**局部注册** **局部注册**</br>
全局注册往往是不够理想的。比如,如果你使用一个像 webpack 这样的构建系统,全局注册所有的组件意味着即便你已经不再使用一个组件了,它仍然会被包含在你最终的构建结果中。这造成了用户下载的 JavaScript 的无谓的增加。 全局注册往往是不够理想的。比如,如果你使用一个像 webpack 这样的构建系统,全局注册所有的组件意味着即便你已经不再使用一个组件了,它仍然会被包含在你最终的构建结果中。这造成了用户下载的 JavaScript 的无谓的增加。
在这些情况下,你可以通过一个普通的 JavaScript 对象来定义组件: 在这些情况下,你可以通过一个普通的 JavaScript 对象来定义组件:
...@@ -100,7 +100,7 @@ export default { ...@@ -100,7 +100,7 @@ export default {
} }
``` ```
**组件注册小案例** **组件注册错误小案例**</br>
```javascript ```javascript
<!DOCTYPE html> <!DOCTYPE html>
...@@ -145,7 +145,7 @@ export default { ...@@ -145,7 +145,7 @@ export default {
</html> </html>
``` ```
**运行会报错** **运行会报错**</br>
![在这里插入图片描述](https://img-blog.csdnimg.cn/113a151dfcbb496f9378f29f5621b98f.png) ![在这里插入图片描述](https://img-blog.csdnimg.cn/113a151dfcbb496f9378f29f5621b98f.png)
...@@ -154,6 +154,7 @@ export default { ...@@ -154,6 +154,7 @@ export default {
<div style="color: pink;">心凉小测试:</div > <div style="color: pink;">心凉小测试:</div >
观察上方组件注册错误案例,导致报错的原因是?<br/><br/> 观察上方组件注册错误案例,导致报错的原因是?<br/><br/>
## 答案 ## 答案
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册