vue简介

认识

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。

Vue渐进式的理解:http://www.bslxx.com/a/vue/2017/1205/1490.html

Vue只关注视图层。

Vue通过新的属性（自定义）和{{表达式}}扩展了 HTML。

Vue的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vue学习起来非常简单。

官网：https://cn.vuejs.org/

特性

* 轻量

        Vue.js库的体积非常小的，并且不依赖其他基础库。

* 数据绑定

        对于一些富交互、状态机类似的前端UI界面，数据绑定非常简单、方便。

* 指令

        内置指令统一为(v—*)，也可以自定义指令，通过对应表达值的变化就可以修改对应的DOM。

* 插件化

        Vue.js核心不包含Router、AJAX、表单验证等功能，但是可以非常方便地根据需要加载对应插件。

* 组件化

        组件可以扩展 HTML 元素，封装可重用的代码。允许我们使用小型、自包含和通常可复用的组件构建大型应用

安装vue

方案一：

下载vue核心js，再在本地引入

方案二：

使用npm安装；即安装nodejs即可，里面包含npm

NodeJs下载：https://nodejs.org/en/download/

 

安装完成Node应该自带了NPM了，在控制台输入npm -v查看版本号

 

升级：npm install npm@latest -g

 

在idea支持nodejs  需要安装插件（NdeJs）

创建前端项目

 初始化：npm init -y(跳过)  -----相当于建了一个maven工程

安装模块：

全局安装(所有项目都能用) npm install -g vue     npm -g root 安装路径

局部安装(当前项目使用)    npm install/i vue

查看某个模块：npm list vue

列表模块：npm ls

④卸载模块：npm uninstall vue

⑤更新模块：npm update vue

⑥运行工程：npm run dev/test/online

⑦编译工程：npm run build