vue基础
简介
Vue.js是一个javascriptMVVM库，是一套构建用户界面的渐进式框架，它是已数据驱动和组件化的思想构建的，采用自低向上增量开发的设计
优点：
文档好，简单，更新快，开发效率高，能大能小能上能下，开始学习成本低，支持组件化（也就是将页面封装成若干个组件，采用积木式进行编程）
Vue著名的全家桶系列：
vue-router(http://router.vuejs.org)
vuex（http://vuex.vuejs.org)
vue-resource（https://github.com/pagekit/vue-resource)
在加上vue_cli，就是一个完整的vue项目的核心构成
1.安装vue.js(使用vue构建大型应用时推荐使用npm安装，npm能够很好的和webpack或Browseify模块打包配合使用，同时vue也提供配套工具来开发单文件组件)
一.从cnd下载并引入 <script src="vue.js"></script> 二.使用npm安装 由于npm安装速度比较慢，推荐使用淘宝的镜像及命令cnpm 安装 cnpm 前提是 npm 的版本需求大于3.0, 如果低于此版本需要升级它： 查看版本 npm -v 升级 npm cnpm install npm -g 使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm: npm install -g cnpm --registry=https://registry.npm.taobao.org 完成之后, 那么可使用 cnpm 安装模块了 cnpm install [packageName]
在用 Vue.js 构建大型应用时推荐使用 NPM 安装：cnpm install vue
# 全局安装 vue-cli
cnpm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
vue init webpack my-project
# 这里需要进行一些配置，默认回车即可
This will install Vue 2.x version of the template.
For Vue 1.x use: vue init webpack#1.0 my-project
? Project name my-project
? Project description A Vue.js project
? Author runoob <test@runoob.com>
? Vue build standalone
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes
vue-cli · Generated "my-project".
To get started:
cd my-project
npm install
npm run dev
Documentation can be found at https://vuejs-templates.github.io/webpack
cd my-project cnpm install cnpm run dev DONE Compiled successfully in 4388ms > Listening at http://localhost:8080 # 通过任意浏览器访问 http://localhost:8080 即可
Vue目录结构如下：
| 目录/文件 | 说明 |
|---|---|
| build | 项目构建(webpack)相关代码 |
| config | 配置目录，端口号等，对于初学者可以使用默认的 |
| node_modules | npm加载项目的依赖模块 |
| src |
这里是我们要开发的目录，基本要做的事都在这个目录里面，里面包含了一下几个目录和文件
|
| static | 静态资源文件，如图片，字体等 |
| test | 初始测试目录，可删除 |
| .xxx文件 | 这些是一些配置文件，包括语法配置，git配置等 |
| index.html | 首页入口文件 |
| package.json | 项目配置文件 |
| README.md | 项目说明文档，markdown格式 |
