@Great233 我在 node 中试了试，console.log 就是只有浏览器中第一行的输出结果，打印数组也不会多打印 length 属性

@Great233

仔细想想，才发现是我自己理解错了

只有第一行的结果是 console.log 打印的结果，下面点开的属性是浏览器帮忙提取出来是吗？

我一直错误的以为下面点开的那部分也是打印的结果

所以一直很奇怪，为啥数组也算是对象的一种，为啥其打印出来会多打印一个 length ，原来是浏览器判断你打印的是数组，所以就帮你提取一个 length

这都是浏览器的行为，不是 console.log 帮我多打印一个 length

我理解的对吗

@Great233 谢谢老哥


所以这部分也会存在对象里面嵌套的属性，这里显示的属性不全都是 vm 直接打点就能调用，对吗？

@Great233 可能我描述的不准确

对比普通的对象实例


它打印出来的只有{ }中间的属性

按我理解打印 vue 实例就应该像上面的 tom 那样

这个图中显示的属性就应该只显示下面图中 {} 中的属性


[img]https://www.hualigs.cn/image/635a5aafcfcf3.jpg[/img]



但我看 $el 也不在 { } 中，也非 defineProperty 定义的 getter 属性，为啥会打印出来

@Zzzz77
@tyx1703

还有上面的其它老哥
谢谢大家

新手让大家见笑了

现在基本明白了

首先 vue 中还是尽量少操作 dom

然后 UI 数据化，根据多个画板的数据存在一起，使用路由配合 watch 或 computed 选择性渲染

@Zzzz77
那复用的组件生成的页面之间不希望有任何的关联，是不是用绑定 key 的方式最合适。

例如有下面一个场景：
user 组件中有个输入框，点击按钮切换页面时，希望表单数据只停留在当前页面，新切换的页面不能包含上一个页面的表单数据。

这种是不是最好就是借助绑定 key 渲染出的页面，同时使用 keepAlive 缓存

`<keep-alive> <User :name="data" :key="data" /> </keep-alive>`

@cydysm
多谢老哥，明白了

@vinsony
好使，多谢

能稍微解释下吗

@cydysm
@EyebrowsWhite

就是说把需要变化的逻辑写在 watch 中是吗

@hangbale 多谢老哥，明白了

@lisongeee
@ScepterZ

这样理解你们看对吗？
当内部函数被 return 出去后，外部函数执行完，其调用栈中所有变量都会被销毁，而因为内部函数又对外部函数中变量有引用，js 就会在堆区开启一块空间保存引用的数据，以保证外部函数的变量在销毁后任能获取到，而堆区中这块数据就会被 gc 接管

@hangbale

zh.javascript.info/closure

参考这篇博客，里面全篇没有提堆栈方面东西，所以像 js ，Python 这种跑在 Runtime 之上的软件，其调用栈规则其实和 C 的调用栈是没有参考性的是吗

函数名这个例子好像举的不太对，不过就算没有对外层函数的引用，这会因为词法环境的缘故普通函数也会形成闭包吧

@Al0rid4l 我看很多博客都有说所有函数都是闭包，假如把 js 脚本文件看成 main 函数，脚本内部定义的函数不就相当于内部函数，函数名不就至少是个外部变量的引用吗？

https://zh.javascript.info/closure
就像这篇博客结尾说的 v8 引擎优化

@SmiteChow
"闭包在堆上，不在栈上"
"函数调用栈当然是在栈上，并不冲突"

但是在 js 中所有函数不都是闭包吗？那闭包在堆上，函数执行在栈上，岂不是矛盾了？

@SmiteChow 像 js 的构造函数不就是用 function 关键字声明的，不就可以看成一种特殊函数吗？使用其方法，不就是使用其内部的函数，内部函数用到其外层的属性，这结构不就和闭包结构很相似吗

@tyx1703 多谢老哥，是我想歪了

@dcsuibian

还有个问题想请教下各位老哥


以前 html 页面由后端服务器直接生成，返回给浏览器

现在改成前后端分离了，html 页面是由谁返回给浏览器呢？是前端自己有个单独的服务器吗？

如 nginx ？前端页面开发好后直接把所有的 html 页面当做静态资源交给 nginx 管理是吗？

后端的接口再单独部署一台服务器，再交给 nginx 反向代理


</br>


所以对于一个 url ，如果是请求 html 页面，则直接由 nginx 路由处理

如果是个接口，则由 nginx 转发给后端服务器


是这样吗 ?