vue的特点在于：响应的数据绑定、组合的视图组件。
vue的文件，分成三个部分<template>html模板</template> <script>js</script> <style>css<style>，这三个部分组成一个vue的组件。
我们先用vue-cli来初始化一个项目。
1.Node.js安装
https://nodejs.org/en/download/
2.安装vue-cli
npm install -g vue-cli
3.使用vue-cli初始化项目
vue init webpack-simple my-project-name
4、进到目录
cd my-project
5、安装依赖
npm install
6、开始运行
npm run dev
运行后我们就可以在浏览器中看到一个这样的页面了
这是我们刚刚安装的vue项目，现在我们可以把它原来的页面删除或者改动，写自己需要的项目了。
new一个vue对象，主要包含了三个重要的属性data（vue对象的数据相当于model）、method（vue对象的方法）、watch（vue对象的事件监听）
模板指令将视图层（html）和逻辑层（data）连接起来，常用的模板指令：
v-if（v-show）:判断指令
v-text（v-html、{{}}）:模板渲染
v-for:循环指令
v-on:事件绑定