vue与node和npm关系

什么是vue.js

vue.js是最火的前端框架,react是最流行的前端框架[React除了开发网站、手机app。Vue可以借助wee进行手机app]
vue.js时一套构建用户界面的框架,只关注视图层,Vue有配套的第三方类库,可以整合起来做大型项目的开发
前端负责MVC中的V[前端页面]这一层
Vue.js 是前端的主流框架之一,和Angular.js、React.js 一起,并成为前端三大主流框架

为什么用vue.js

提高开发效率的发展历程:原生JS -> Jquery之类的类库 -> 前端模板引擎 -> Angular.js / Vue.js

(能够帮助我们减少不必要的DOM操作;提高渲染效率;双向数据绑定的概念【通过框架提供的指令,我们前端程序员只需要关心数据的业务逻辑,不再关心DOM是如何渲染的了】)
在Vue中,一个核心的概念,就是让用户不再操作DOM元素,解放了用户的双手,让程序员可以更多的时间去关注业务逻辑

vue与node和npm关系

1)node功能

准确的说是使用vue-cli 脚手架搭建项目的时候需要nodejs。也可以用script标签引入vue.min.js这样的,在js里实例化vue也行。

使用node有几件事,打包部署,解析vue单文件组件,解析每个vue模块,拼在一起,转码es6,less,等,启动测试服务器localhost8080, 帮助管理 vue-router,vue-resource这些插件,直接拿来用。

  也就这些好处,这都是所谓前端工程化,也是前端发展趋势。

(2)webpack

webpack能够把.vue后缀名的文件打包成浏览器能够识别的js,而这个.vue文件装换需要打包器vue-loader→npm下载→node包管理工具。Vue.js可以在html里引用,使用npm引入是方便包管理。等到应用需要的库和框架多起来后,一个个从html里引入就不方便了。所以用到打包工具比如webpack,可以直接require引入之后将不同模块打包成单个js文件。同时这些工具提供各种自动化处理,让前端开发更爽。最后Vue.js是数据驱动,和JQuery思路不同,你几乎不需要自己进行复杂低效的dom操作,开发简介明了。

(3)关系梳理

  webpack能够把.vue后缀名的文件打包成浏览器能够识别的js,而这个.vue文件装换需要打包器vue-loader

  这个vue-loader打包器是可以从npm上面下载(npm上面有很多资源包),npm下载文件之后,webpack打包文件的时需要node环境去运行

npm install是帮助安装 vue,或React到本地,npm install也可以安装vue,React的开发工具。当然你完全可以像jQuery一样自己找网站下载下来,在页面中引入。没有npm可以使用vue,vue只是一个前端框架。
node是js的服务执行环境,前端常常借助 node帮助前端实现工程化。

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 程序猿惹谁了 设计师:上身试试 返回首页