站长手册

    1.文本插值：{{}} Mustache

        <div id='app'>

            {{message}}

        </div>

    2.DOM属性绑定：v-bind

        <div id='app-2'>

            <span v-bind:title='message'>

                鼠标悬停几秒钟查看此处动态绑定的提示信息

            </span>

        </div>

    3.指令绑定一个事件监听器：v-on

        <div id='app-5'>

            <p>{{message}}</p>

            <button v-on:click='reverseMessage'>逆转消息</button>

        </div>

    4.实现表单输入和应用状态之间的双向绑定：v-model

        <div id='app-6'>

            <p>{{message}}</p>

            <input v-model='message'>

        </div>

    5.控制切换一个元素的显示：v-if和v-else

        <div id='app-3'>

            <p v-if='seen'>现在你看到我了</p>

        </div>

    6.列表渲染:v-for

        <div id='app-4'>

            <ol>

                <li v-for='todo in todos'>

                    {{todo.text}}

                </li>

            </ol>