zoukankan      html  css  js  c++  java
  • vnode

    获取vnode对象

    • vm.$slots对象下的所有值
    • vm.$scopedSlots对象的值返回一个函数,该函数执行后返回vnode对象
    • directives自定义指令中钩子函数的参数3和参数4,例如钩子函数bind:bind: function (el, binding, vnode, oldVnode) { ... )
    • render渲染函数的参数1是一个返回vnode的函数,例如这里的参数h:render: function (h) { ... }
    • 函数式组件context.children返回一个vnode数组
    • 函数式组件context.slots返回一个函数,该函数运行后返回一个vnode组成的对象

    ————————————————————————————————————————————————————

    vnode构造函数传参

    tag?: string,

    data?: VNodeData,

    children?: ?Array,

    text?: string,

    elm?: Node,

    context?: Component,

    • 函数式组件和普通组件中该值不同

    componentOptions?: VNodeComponentOptions,

    asyncFactory?: Function

    ————————————————————————————————————————————————————

    vnode对象的属性

    this.tag = tag

    this.data = data

    • 包含以下
      • attrs
      • class:通过v-bind绑定在组件上的class,格式和v-bind相同
      • staticClass:通过字符串绑定在组件上的class
      • hook
      • model
      • on
      • props
      • staticStyle:原生样式对象,通过v-bind绑定到style上的这里也会体现
      • style:通过v-bind绑定到组件上的对象

    this.children = children

    • 当表单项插入el-form时,该值为undefined

    this.text = text

    this.elm = elm

    this.ns = undefined

    this.context = context

    • rendered in this component's scope(在此组件的范围内呈现)

    this.fnContext = undefined

    • real context vm for functional nodes(功能节点的实上下文虚拟机)

    this.fnOptions = undefined

    • for SSR caching(用于SSR缓存)

    this.fnScopeId = undefined

    • functional scope id support(功能范围ID支持)

    this.key = data && data.key

    this.componentOptions = componentOptions

    this.componentInstance = undefined

    • component instance(组件实例)

    this.parent = undefined

    • component placeholder node(组件占位符节点)

    this.raw = false

    • contains raw HTML? (server only)(包含原始HTML)

    this.isStatic = false

    • hoisted static node(吊装静节点)

    this.isRootInsert = true

    • necessary for enter transition check(输入转换检查所必需的)

    this.isComment = false

    • empty comment placeholder?(空注释占位符)

    this.isCloned = false

    • is a cloned node?(是克隆的节点)

    this.isOnce = false

    • is a v-once node?

    this.asyncFactory = asyncFactory

    • async component factory function(异步组件工厂函数)

    this.asyncMeta = undefined

    this.isAsyncPlaceholder = false

  • 相关阅读:
    XML组成部分
    XML语法
    XML概念
    HTTP协议:响应消息的数据格式---Response
    KM HDU 3718
    KM最大匹配 HDU 2255
    匈牙利算法
    母函数
    最长公共子序列 LCS
    hdu 4632 区间DP
  • 原文地址:https://www.cnblogs.com/qq3279338858/p/11287888.html
Copyright © 2011-2022 走看看