您的位置:首页 > 产品设计 > UI/UE

vue学习第16天,渲染

2017-11-03 18:47 260 查看
1,多数的代码复用通过组件来实现 组件创建 HTML 的时候 还是需要 javascript 的完全编程能力的 

2,render 函数 更像是一个编译产出 HTML 的编译器 template 不太像编译器

3,组件中 当不使用插槽 slot 的时候 子元素是放在 组件实例的 $slot.default 中

4,浏览器在读到 HTML 代码的时候 为了保持对代码的追踪 会根据 HTML 的结构 生成一棵树 就是 DON 树

5,虚拟DOM 通过 createElement();生产的不是一个实际的DOM 只是对一个要渲染的 DOM 节点的描述 可以看作一个虚拟节点 VNode 由所有的 VNode 组成的这棵树就是 虚拟 DOM 树

6,createElement(a,b,[]) 一般是三个参数 一个HTML 标签字符串 一个数组选项对象 一个返回值类型为 String 或者 Object 的函数

7,VNode 数据对象 更接近 DOM对象 

innerHTML 优先级比 v-html 高

 ‘class’:{}高于 v-bind:class;

style:{} 高于 v-bind:style

  on:{click:} 高于 v-on:click

8,自定义指令也不能再修改值 会持续追踪

9,可以给插槽制定名称 slot:'slotname'

10,可以设置组件的 标志 key :'myKey'

11,可以设置组件的 索引 reference  ref:'myRef'
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: