vuejs在前端开发起到什么作用
发布网友
发布时间：2022-04-19 13:26
共3个回答
懂视网
时间：2022-04-10 05:43
公司要做一个报表系统，这几天要出一个demo，从这篇博客开始我会把整个过程记录下来，摸着石头过河，有兴趣的可以从头看一看。
开发思路
1.前端 vue-cli+webpack+element UI
2.后台nodejs+express
3.数据库 mysql 客户端 navicat
前端
1.搭建vue-cli脚手架（node和npm安装方法请自行百度，我这里用的淘宝的映射）
进入项目文件 然后执行cnpm install 把依赖拉下来
目录结构如下
然后项目文件夹下执行 cnpm run dev 得到如下页面，脚手架就搭建成功了
2.引入element UI
在根目录下的package.json中的
当前的版本号去 github官方项目的package.json查看
凡是在package.json中加入内容，都要执行 cnpm install 来拉取依赖
或者直接执行cnpm install --save element-ui 可以直接拉取依赖并且更改package.json
这步执行完后还没完 ，还要在main.js中import并use
3.axios 执行ajax的插件
vue1官方推荐的是vue-resource vue2推荐的是axios，跟上潮流O(∩_∩)O
安装方法跟element ui 一样 ，请自己尝试，不再赘述
————————————————————————————————————————— 分割线 ———————————————————————————————————————————————————————
穿插一条 git本地文件上传 github
转载一个链接http://www.cnblogs.com/wql025/p/5391693.html putty可以不填
程序员的一天vue+node+mysql(一)
标签：demo get 自己 映射 tar 依赖 页面 navicat pack
热心网友
时间：2022-04-10 02:51
jQuery的诸多局限性导致前端工程师的发展受到了很多的*，只能做一些表面性的工作，并不能实现前后端分离开发。
而近期出现的Vue，它给前端带来了无限的可能和改变。
改变一：真正意义上的前端工程师
之前开发都是前端做静态页面，把页面给到后台程序员改成jsp、php、asp等等...一顿乱改，一顿塞变量，做完以后页面样式乱七八糟，最后你再调整css。说白了你会html，css就行了，基本没什么门槛，可以这么说。
有了Vue和Node的前端工程化以后，前端工程师能做的事情越来越多，后台人员只需要抛过来一个Api，剩下的就可以都交给前端了。
改变二：服务端渲染VS客户端渲染
传统的jsp、php或是模板渲染也好，都是服务端渲染，就是客户端一个请求，服务器直接把整个页面返回给你，简单粗暴。（Spring Boot是通过模板引擎，由服务端完成的渲染工作）
但是vue开发是前后端分离开发，通过api进行交互，客户端请求服务器返回json数据，由客户端进行渲染。
不仅减轻了服务器的压力速度更快而且渲染更加优雅，代码更容易维护。
改变三：渲染优雅，代码易维护
jQuery是通过DOM来控制数据，不仅笨重而且渲染数据特别麻烦，而 Vue是通过数据来控制状态，通过控制数据来控制渲染，变量可以直接写在标签中，渲染更加优雅。
因为前端代码和后台代码都是分开的，所以项目更容易维护，开发效率更高。
改变四：项目工程化，结合npm直接安装第三方库
Vue让前端项目更加工程化，同时也规范了前端工程师的代码，而node和npm的加入才是vue能蓬勃发展的重要原因。
Node为Vue提供了本地server和模块化开发的思路，npm更能安装Vue项目需要的模块，配合Vue使用，比如Moment.js Element ui vuex等等，这些第三方库让Vue有了无限的可能。
敲黑板（补充下）：传统开发jQuery是命令式编程，现代框架开发是函数式编程。现代框架开发，可以使用Webpack（当然使用jQuery也可以使用Webpack），可以使用人家提供的现成的脚手架，比方说create-react-app，vue-cli。极大提高了开发的效率，并且可以使用最新的ES6、ES7语法进行开发，在编码体验上，就提高了一个档次。
总结
知其然，知其所以然，没有最好的框架，只有最合适的框架！
热心网友
时间：2022-04-10 04:09
