Vue的基本使用 Vue的两种挂载方式模板语法1插值表达式 存在闪动问题快速刷新浏览器时，有时会显示xxx内容，然后替换为要显示的值解决的办法指令先隐藏，替换好值之后再显示2指令指令的本身就是自定义属性。
其实虚拟DOM在Vuejs主要做了两件事提供与真实DOM节点所对应的虚拟节点vnode 将虚拟节点vnode和旧虚拟节点oldVnode进行对比，然后更新视图 其实虚拟DOM就是用 js 完成本来在html上的 元素创建。
在不使用 key 的情况， vue 会进行这样的操作图片上传中image135c4970分析下整体流程一共发生了3次更新，1次插入操作 在使用 key 的情况 vue 会进行这样的操作一共发生了0次更新，1。
与 vue 中不同的是 state 不能直接被修改，需要通过 setState 的方法去修改1 setState 更新组件状态之后不会立即生效， react 为了提高性能会按批次更新 state 然后 render ， 即异步操作，所以。
其实没绑定 key 的话，Vue 还是可以正常运行的，报警告是因为没通过 Eslint 的检查接下来将通过源码一步步分析这个 key 的作用Virtual DOM 最主要保留了 DOM 元素的层级关系和一些基本属性，本质上就是一个 JS 对象。
我了解到的，这个TinyVue组件库目前是有80+的组件，1500+组件API接口，同时其中TableTreeSelect等高频组件均内置虚拟滚动，在10万大数据场景下保持丝滑体验所以其实相对于其他组件库的话，性能还是非常高的但这还不是。
ue5drawcall有三种方法可以看1使用控制台 ~键，控制台，输入 stat engine实时场景统计stat SceneRendering 再次输入命令，窗口消失2 菜单栏，Windows，Statistics 3 视口，左上倒三角，Show Stats。
这样vue就会分析到 其他的数据 都不需要改变，只需要在新增一个DOM节点，然后添加新增的数据就可以了 可以输入我们是在数组中间插入的数据就会不一样为了 这时数据的对比 通过上面清晰的对比，发现除了第一个数据可以复用之前的。
1Vue的实例化方式发生变化基于createApp方法进行实例化 2router和store采用use方法进行配置 3Vue3的典型API风格按需导入，为了提升打包的性能 Vue3中组件的模板可以没有根节点Vue2中组件的模板必须有唯一的根节点。
vuecli3下的typescript项目，在build时想要生成分析报告进行性能优化packagejson命令如下在依赖中也在新建工程时执行 vue create 项目名 时就已经加载了 webpackbundleanalyzer ，执行命令如下发现此命令和 npm run。
