vue中不推荐操作dom？

在vue官方文档中是不推荐直接操作DOM，遇到不可避免得情况下，也是可以操作DOM得。不推荐操作DOM得缘由总结了几点1.性能得损耗，操作DOM是及其损耗性能得，相信大多数人都不会推荐操作大量得DOM，而是从数据层入手，比较流行得vue, react,angular等都不是直接操作DOM得2.代码得质量会降低，出现一些多余得代码，经常直接操作DOM 会导致一些不可预测得问题，当你在一个组件当..

小墨宝

3294人浏览 · 2019-09-09 10:28:39

小墨宝 · 2019-09-09 10:28:39 发布

在vue官方文档中是不推荐直接操作DOM，遇到不可避免得情况下，也是可以操作DOM得。不推荐操作DOM得缘由总结了几点

1.性能得损耗，操作DOM是及其损耗性能得，相信大多数人都不会推荐操作大量得DOM，而是从数据层入手，比较流行得vue, react,angular等都不是直接操作DOM得

2.代码得质量会降低，出现一些多余得代码，经常直接操作DOM 会导致一些不可预测得问题，当你在一个组件当中直接操作全局得DOM时，有可能会影响到其他页面，一旦报错，定位问题会比较困难。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^