vuerender在html渲染的哪个阶段 VUE的开发环境如何部署?

[更新]
·
·
分类:互联网
3984 阅读

vuerender在html渲染的哪个阶段

VUE的开发环境如何部署?

VUE的开发环境如何部署?

具体看使用,如果你单纯把vue当一个js插件来使用的话,很简单直接引入即可:
ltscript
如果是想把vue当作一个前端框架来使用的话,推荐使用webpack,而Vue已经提供一套脚手架Vue CLI,接下来我就说说怎么在Windows下搭建Vue的开发环境:
1. 安装node,安装完node以后,会连 npm一起安装,安装过程很简单,可以直接去node.js官网上下载,然后解压,会得到一个.exe文件,直接双击运行即可。
安装完成以后分别检查一下node和npm的版本。
检查node
结果如下:
检查npm
结果如下:
可以考虑使用淘宝进行加速 NPM :
2. 使用Vue提供的脚手架vue cli安装vue的webpack环境
全局安装vue cli
然后创建项目
安装完成以后会创建一个my-project项目,目录结构如下:
在my-project目录下输入 npm install 安装依赖,安装完成以后输入npm run dev 运行项目,在浏览器中输入localhost:8080访问项目即可看到初始页面:

首先Vue.js是一个自底向上,渐进式框架,什么意思呢?指的就是你可以把它只用作view层,这样就很轻,也可以使用vue以及全家桶开发SPA 或者多页应用,这样自然比较重,因为用了很多第三方插件。
至于如何搭建开发环境,目前由于前端业务复杂,我们大部分时候需要借助打包工具,推荐webpack,目前主流使用的。
如果不知道怎么使用可以看看我的github。

Vue架构优缺点?

一、Vue优缺点
优点:
虚拟DOM(类似ReactJS)
首先,将传统DOM结构变为JSON结构,用操作js的方式代替操作DOM,性能更快;
其次,虚拟dom同步到真实dom,使用sync()方法,分批渲染。
双向绑定(类似AngularJS)
data和DOM任何一方修改,另一方都会同步修改。
缺点:
内存
虚拟DOM需要在内存中的维护一份DOM的副本。在DOM更新速度和使用内存空间之间取得平衡。
简单页面不适用
如果虚拟DOM大量更改,这是合适的。但是单一的,频繁的更新的话,虚拟DOM将会花费更多的时间处理计算的工作。
所以,如果你有一个DOM节点相对较少页面,用虚拟DOM,它实际上有可能会更慢。
但对于大多数单页面应用,这应该都会更快。