美文网首页
Vue组件化 (分析 Vue2.5 源码)

Vue组件化 (分析 Vue2.5 源码)

作者: 阿畅_ | 来源:发表于2018-09-06 13:58 被阅读11次
  • 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 是怎么创建组件的。

相关文章

网友评论

      本文标题:Vue组件化 (分析 Vue2.5 源码)

      本文链接:https://www.haomeiwen.com/subject/srkxgftx.html