$options 中的 render 函数

Question

黄神黄神，

1. $options 中的 render 函数， 是不是就是用户手写的或者编译而来的
2. render.call 时， 为什么要用到 vm._renderProxy ， 这个代理有什么作用

Answer 1

Vvvvvvvvvvvvi 2020-05-10 12:37:29

    

• ustbhuangyi #1

  因为手写 render 的时候 options.render._withStripped 是 undefined，所以是 hasHandler（看下面的图）。
  你试试在 render 函数里加一个 console.log('message1' in this) 就能出报错了

• Vvvvvvvvvvvvi 回复 ustbhuangyi #2

  老师是不是可以这么理解， 在template中的render函数 是
  anonymous(
  ) {
  with(this){return _c('div',{attrs:{"id":"app"}},[_v(_s(mes))])}
  }   使用了with 触发了 has 方法所以才报错 ， 而手写的render函数需要手动触发 has 方法才报错

• ustbhuangyi 回复 Vvvvvvvvvvvvi #3

  不是啊，template 编译后的 render._withStripped 为 true，那么它就是 getHandler，它代理的是 get 方法，也就是你访问变量就会触发，而手写 render 的是 hasHandler，它代理的是 has 方法，只有用 in 语法才会触发。

点开查看后面3条评论

Answer 2

ustbhuangyi 2020-02-14 09:18:54

1. 是的
2. 在开发环境下，初始化过程会执行 initProxy，其实就是初始化 vm._renderProxy



然后可以看它代理的 get 和 has 方法



其实就是用于在渲染过程中遇到问题的一些警告。



比如这个函数，相信你一定不陌生。

• 哈哈大笑x #1

  老师，这里我想问一下，如果浏览器不支持proxy，就没有这个警告了吗

• ustbhuangyi 回复 哈哈大笑x #2

  应该是的

• 哈哈大笑x 回复 ustbhuangyi #3

  好的，感谢！

点开查看后面3条评论