三个月前有在讨论VUE，最近我也想看看VUE和普 - Assbbs
三个月前有在讨论VUE，最近我也想看看VUE和普通前端有什么不一样，我也去学了下 前言：https://assbbs.com/thread-28974.htm https://assbbs.com/thread-29043.htm 带着VUE到底是啥JB的心态，我也去学了下VU…
三个月前有在讨论VUE，最近我也想看看VUE和普通前端有什么不一样，我也去学了下 前言：https://assbbs.com/thread-28974.htm https://assbbs.com/thread-29043.htm 带着VUE到底是啥JB的心态，我也去学了下VUE， 一开始呢去了解了下webpack打包工具，发现根本用不着，直接用VUE自带的CLI或者 vite即可，不需要去了解webpack，然后开始看文档和教学视频，学完后我觉得这种概念是真的牛逼，MVVM这种概念，一下子把前端的重要性变的和后端一样了.... 那话又说回来，VUE有什么好处? 通常一个简单的项目，是不需要VUE的，jQuery操作DOM就安排的明明白白了，除非你想做前后端分离，尝试一下VUE。 那需要时刻操作大量DOM的地方，就非常需要VUE了， VUE3使用了 JavaScript Proxy 监听，当监听到变量发生改变时自动更新DOM，使用了你会发现，你以前还需要去 document.xxx 去选中DOM，现在你只需要把变量绑定上去 他自动发生变化，自动渲染，自动 for 循环输出列表， 以后就直接和DOM操作说拜拜了。 当遇到一个后台输出用户数据，或前端论坛帖子列表界面时，VUE不费吹灰之力的就完成了DOM构建， 通常前端还需要去操作DOM然后for循环输出， 那么我再回答一下那两个帖子关于VUE的问题，VUE其实没那么大的，他的核心文件也只不过是 <script src="https://unpkg.com/vue@next"></script> 这就和jquery差不多，jQuery是让DOM操作更方便，他直接是让DOM操作没有了 关于打包工具呢，那则是前端的新发明了。。。 例如你以前想要引入jquery 需要 <script src="jquery-1.10.2.min.js"></script> 现在仅需在本地执行 npm install jquery 然后在项目中使用 import $ from 'jQuery' 就可以正常使用了， 但通常的话 一个项目生成会有大量的包存放在node modules供开发者调用。 这是正常情况，项目写完后会把没有用到的插件进行打包删减 执行 npm run dev 是测试环境，这个环境里有热加载，热插拔插件，可以让开发者在这个模式下调试代码。 但是当代码写完后执行 npm run build 打包后就会在项目目录下生成一个 dist 文件夹，把文件夹里的内容放到服务器后就可以直接访问了。 dist 里的文件此时才是真正正式环境下的大小。