两者都是私有变量，都无法再外部进行访问，题中的name1.c和name.#n都是会报错的，但是生成的name1打印出来是{c:0}，也就是再外部能够看到private的值但是看不到#n的值

v-model可以拆解为两个部分，
例如v-model="count"
等同于
:value="count"
@input="val=>count=val"
所以在这个场景里面
改变了一个input，然后会触发input事件，通过该input对count进行赋值
然后是vue拦截到数据变化再对视图进行了更新

个人感觉理解有几点误区：

1. 上面p函数如果直接调用 bind里的fn内部this就指向window

   此时函数_this内部的this变量指向的是ctx

2. 但是如果用new实例化，bind里的fn内部的this就指向了 fn

   此时函数_this内部的this变量指向的是函数fn的this

可以看下这个，里面有关于bind函数的实现解析。

上面p函数如果直接调用 bind里的fn内部this就指向window
但是如果用new实例化，bind里的fn内部的this就指向了 fn

如果 new p() fn 内部的 this 怎么会指向 fn 呢？指向的不应该是 fn 的实例？你可以去先了解一下 new 的原理。

这个代码中函数 o 就是用来隔离返回的函数 fn 和原函数的直接继承关系，instanceof 其实就是检测返回的 fn 是否以 new 调用。

vue-cli是基于vue搭建的集成基础服务。vue-cli2和vue-cli3是基于vue2的版本，最高只能到2.6.11。（目前vue2的最高版本就是2.6.11）。
vue-cli4是基于vue2和vue3搭建的集成基础服务（简称脚手架），它所依赖的vue版本是你本地的vue环境。vue2和vue3使用npm安装的时候是不同的，也就是说你本地升级到了vue3.0以上版本之后，是同时存在vue2和vue3的环境的。同理vue-cli4创建的时候就可以使用你本地的vue环境创建不同的vue项目。
vue-cli4创建项目使用vue create project（项目名称）
之后就会出现关于vue2或者vue3的选择。

选择vue2创建项目就会使用本地vue2版本创建项目，如果此时你本地是vue2.6.11，那么创建的项目的vue版本就是2.6.11。
vue-cli3创建的项目还是vue2版本的项目，
vue-cli4才可以创建vue3的项目。

var oldWidth = $("元素").width;
var newWidth = $("元素").width;

var ratio = (newWidth/oldWidth).toFixed(3) *100%  // 值取三位小数  41.9%

iframe的src属性应该是所要显示内容的网页的网址或者相对网址，所以并不是文件的路径。你检查一下有没有设置ceshi.html的相关路由呢

http://www.lilnong.top/static/html/mac-emoji-letter-spacing.html 单独搞一下就好了

留个坑位，我看编辑器内是好使的呀。那就查编辑器如何实现就完事了。
调试了一下vscode。发现他什么都没写。。然后我看到了一篇文章，居然和屏幕有关系，在 Retina 屏幕下，Chrome 渲染正常，而在非 Retina 屏幕下会出现 emoji 与文字重叠的问题

https://segmentfault.com/q/1010000011020467?utm_source=sf-similar-question

ref

当 v-for 用于元素或组件的时候，引用信息将是包含 DOM 节点或组件实例的数组。

所以：

<HostListItem
    v-for="(item,index) in hostItemObj"
    class="bgColorOdd"
    ref="hostItem"
    :key="index"
    :infoObj="item"
/>

然后看你需要对哪个、还是全部进行初始化，例如第一个组件实例：

this.$refs.hostItem[0]

this.$refs.tableRef.doLayout();