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