黑马程序员技术交流社区

标题: 【上海校区】深度解析 Vue 响应式原理 [打印本页]

---

作者: 不二晨    时间: 2018-8-3 10:42
标题: 【上海校区】深度解析 Vue 响应式原理

Vue 初始化
在 Vue 的初始化中，会先对 props 和 data 进行初始化
Vue.prototype._init = function(options?: Object) {
  // ...
  // 初始化 props 和 data
  initState(vm)
  initProvide(vm)
  callHook(vm, 'created')

  if (vm.$options.el) {
    // 挂载组件
    vm.$mount(vm.$options.el)
  }
}
复制代码接下来看下如何初始化 props 和 data
export function initState (vm: Component) {
  // 初始化 props
  if (opts.props) initProps(vm, opts.props)
  if (opts.data) {
  // 初始化 data
    initData(vm)
  }
}
function initProps (vm: Component, propsOptions: Object) {
  const propsData = vm.$options.propsData || {}
  const props = vm._props = {}%

---

作者: 不二晨    时间: 2018-8-16 17:24
奈斯

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2