vue.js 常用语法总结，一  

概述

2016年已经结束了。你是否会思考一下，自己在过去的一年里是否错过一些重要的东西？不用担心，我们正在回顾那些流行的趋势。
通过比较过去12个月里Github所增加的star数，我们利用bestof.js.org分析所涉及的项目技术，发现2016最流行项目有以下这些：
图片
通过比较去年最火的10个项目，你可以总览2016的web前端技术发展，会发现：
Vue.js在去年获得了超过25000个star，这意味着每天有72个star，超过了包含React以及Angular在内的其它任何框架。
但是，相信大多数开始接触Vue.js的学习者和笔者一样，面对Vue.js如此多的API方法头晕目，所以笔者为大家整理了一下Vue.js的属性与方法，
方便大家回顾（目前是第一部分的內容，下篇會將后継的補充完善）！

一、起步
1、v-model(绑定数据)
2、v-for（循环）
3、v-on（绑定事件）
4、data（数据）
5、methods（方法）
6、$index（索引）
二、概述
1、data（绑定 DOM 文本到数据）
2、v-if（不满足条件的话则不会出现在dom中）
3、v-show（不满足条件，则样式会设置成隐藏 display:none;）
4、组件
eg:
<div >
                    {{ user.name }}-{{ user.phone }}
                </li>
            </ul>
        </div>
    JS:
        var vm9=new Vue({
            el: '#example9',
            data: {
                users: [
                    { name: 'Bruce', phone:'18701039633' },
                    { name: 'Chuck', phone:'18700000000' },
                    { name: 'Jackie', phone:'15811119619' }
                ]
            }
        });