- Vue 另一个核心思想就是组件化。到底什么是组件化 ?
- 就是把页面拆分成多个组件(component), 每个组件依赖的 CSS,JavaScript、template、图片等资源放在一起开发和维护。这样组件就是独立资源的,组件在系统内部可以复用,组件之前可以嵌套。
而在 Vue 开发实际项目中,就像在搭积木一样,编写一堆组件并把这些组件拼装成页面。而 Vue 的官网中,花了很多内容来介绍组件,如果编写组件以及组件拥有的属性和特性。
先看一下 Vue-cli 初始化的代码例子,分析一下 Vue 组件初始化的一个过程。
import Vue from 'vue'
import App from './App'
new Vue({
el: '#app',
// 这里的 h 就是 createElement 方法
render (h) {
return h(App)
}
})
- 上面 createElement 方法之前的写过 createElement 创建一个标签时候的分析,接下来分析一下 createElement 是怎么创建组件的。
网友评论