javascript - Wie implementiert man die Append-Methode von JQuery, ohne Dom in React oder Vue zu bedienen?

Question

Manchmal müssen Sie lokal etwas HTML hinzufügen, wie z. B. React, und alle Array-Daten müssen neu gerendert werden. Ich möchte also nur die ursprünglichen Daten rendern, um sie hinzuzufügen Wie implementiert man das Anhängen von JQuery?

Answer 1

不要用 jQuery 的思想来写 react 或者 vue， 要 thinking in react，thinking in vue。

更新 DOM 的这种脏活累活让框架帮你干，你只要关心你的 data 或者说 state 就好了。

你把你额外要加的东西看成一个组件，按你的需求，这个组件开始不渲染，之后触发了某个东西，这个组件被渲染出来，这不就是“条件渲染”么？你再看看 vue 和 react 的文档，怎么写条件渲染？

每次全部重新渲染能怎么？只是执行你的 render 函数而已，还有一层 virtual DOM 的 diff 呢，真实作用于 DOM 上的操作等价于你执行 jQuery 的 append。

Answer 2

框架会帮你完成最小更新

Answer 3

React: 如果你正确地规划Component并使用key属性，dom操作应该只会有相当于append的一组

Answer 4

既然用rect或者vue来开发的话，就要抛弃用jquery的想法，建议多看vue react文档

Answer 5

放弃jq， 从我做起