文档介绍:——。 从技术角度讲,。它通过双向数据绑定把View层和Model层连接了起来。实际的DOM封装和输出格式都被抽象为了Directives和Filters。从哲学角度讲,Vue希望通过一个尽量简单的API来提供反应式的数据绑定和可组合、复用的视图组件。它不是一个大而全的框架——它只是一个简单灵活的视图层。vue?优点?简洁:HTML模板+JSON数据,再创建一个Vue实例数据驱动:自动追踪依赖的模板表达式和计算属性。组件化:用解耦、可复用的组件来构造界面。轻量:~24kbmin+gzip,无依赖。快速:精确有效的异步批量DOM更新。模块友好:通过NPM或Bower安装,无缝融入你的工作流。、、而是一个js运行平台;是一个构建与Chrome的V8JavaScript引擎之上的一个JavaScript运行时环境。,安装过程很简单,一路“下一步”就可以了。:https:///en/node的安装会默认安装cpm,检测安装成功的方法黑窗口中输入node-v 若有版本号出现,安装成功 npm-v 若有版本号出现,,是集成在node中的,所以,直接输入 npm-v就会如下图所示,显示出npm的版本信息。,npm包管理器也有了。由于有些npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所有我们还需要npm的国内镜像---cnpm在命令行中输入 npminstall-gcnpm--registry=. 然后等待,安装完成如下图。完成之后,pm代替npm来安装依赖包了。对npm进行升级。(默认安装的npm可能版本低,如果想要最新版本则执行下面指令) npm-ginstallnpm@-cli脚手架构建工具在命令行中运行命令 npminstall-gvue-cli ,然后等待安装完成。安装之前黑窗口输入vue是无效指令通过以上三部,我们需要准备的环境和工具都准备好了,接下来就开始使用vue-cli来构建项目。-cli构建项目要创建项目,首先我们要选定目录,然后再命令行中把目录转到选定的目录。在这里,我选择桌面来存放新建的项目,则我们需要先把目录cd到桌面,如下图。78在桌面目录下,在命令行中运行命令 vueinitwebpackfirstVue 。这个命令的意思是初始化一个项目,其中webpack是构建工具,也就是整个项目是基于webpack的。其中firstVue是整个项目文件夹的名称,这个文件夹会自动生成在你指定的目录中(我的实例中,会在桌面生成该文件夹),如下图。9运行初始化命令的时候会让用户输入几个基本的选项,如项目名称,描述,作者等信息。10