Vue源码分析

warn

extend

mergeOptions

defineReactive

directives

components

filters

_base:Vue

return this._data

return this._props

经过编译添加render

template是html的模版

template写的是#id

template写的是获取好的某个节点：document.querySelector

const {render, staticRenderFns} = compileToFunctions(template,options)

const {compile, compileToFunctions}=createCompiler(baseOptions)

createCompiler = createCompilerCreator(function baseCompile(template,options){})

function createCompilerCreator(baseCompile){
  return function createCompiler(baseOptions){
      function compile(template,options){
        // 合并options
         const finalOptions = Object.create(baseOptions)
         finalOptions.modules = baseOptions.modules.concat(options.modules)
         finalOptions.directives = extend(Object.create(baseOptions.directives, options.directives))
          for(const key in options){
               key !== 'modules' && key !== "directives" && (finalOptions[key]=options[key])
          }
         const compiled = baseCompile(template.trim(),finalOptions)
      }
      return {compile, compileToFunctions: createCompileToFunctionFn(compile)}
  }
}

function createCompileToFunctionFn(compile){
  return function compileToFunctions(template,options,vm){
      const  compiled = compile(template,options)
      return compiled
  }
}

expectHTML:true

modules

directives

isPreTag

isUnaryTag

mustUseProp

canBeLeftOpenTag

isReservedTag

getTagNamespace

staticKeys:genStaticKeys(modules)

parse

optimize

generate