Vue组件（components）个人理解

目录

---

1、搭建了项目。

2、相关代码

2、解释过程

     相关链接

---

 

1、搭建了项目。

                            

 

2、相关代码

可以看到下面的el:"pp"和id="pp"是对应的。但在实际浏览器执行渲染后，div.pp并不显示。而是被App这个组件代替了

main.js和index.html

import Vue from 'vue'
import App from './App'//引入组件

Vue.config.productionTip = false

new Vue({
  el: '#pp',
  components: { App },//调用组件
  template: ''//模板可以写作
})

2、解释过程

（1）实列化一个vue挂在到id为pp的element上，这个vue首先用模板（template）代替了原来的div。

（2）再将节点用名为App的组件渲染出来。就像下面的的渲染一样。

 

---

相关链接

【1】Vue实践一，搭建脚手架。

【2】问答详情：vue实例中template: '',这样写是什么意思。

---