vue

一、谷歌_vue调试工具->vue-devtools
https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd

二、搭建开发环境
使用命令行工具搭建环境，包括打包工具、测试工具

# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 webpack 模板的新项目$ vue init webpack my-project# 安装依赖，走你$ cd my-project$ npm install$ npm run dev

在这之前你要有npm、node、git
国内npm有可能比较慢，推荐淘宝npm镜像

三、各个文件的作用

data: vue对象的数据
method ： vue对象的方法
watch： 监听数据变化的方法

指令
数据渲染：v-text、v-html、{{}}
控制模块隐藏：v-if 、v-show
v-if 不满足提交不渲染
v-show 渲染了只是没有显示出来
循环列表： v-for
事件绑定： v-on 简写@
属性绑定：v-bind 简写：

es6
import Vue from ‘Vue’
相当于：const Vue = require(‘Vue)

export default {}
相当于：module.export = {}

data (){
return {}
}
相当于：
function data (){
return {}
}
组件
必须注册才能使用

路由

router-link

router-link有一个to属性，其属性值是目标路由，在运行项目的时候，router-link表现为a标签，to属性则表现为a标签的href属性。

router-view

是现实路由内容的地方，即如果有多个“页面”需要切换，显示当前“页面“的地方。

使用vue-router控制路由则必须router-view作为容器。