vue.js的基本用法

 <script>
        // 这是我们的Model
        var exampleData = {
            message: 'Hello World!'
        }

        // 创建一个 Vue 实例或 "ViewModel"
        // 绑定页面元素
        new Vue({
            el: '#app',
            data: exampleData
        })
    </script>
<div id="app">
    <p>{{ message }}</p>
    <input type="text" v-model="message"/>          <!--双向绑定-->
</div>

<tr v-for="item in tableList">
                            <!--循环，判断标签的使用-->
                            
                            <td v-if="item.flag==1">
                                  <input type="radio" v-bind="{'data-table':item.tableName, 'data_remark': item.tableComment}"  
                                        class="i-checks" name="input[]"  disabled="disabled">
                            </td>
                            <td v-else>
                                <input type="radio" v-bind="{'data-table':item.tableName, 'data_remark': item.tableComment}"  
                                        class="i-checks" name="input[]" >
                            </td>
                            <td v-text="item.tableName"></td>
                            <td><span class="pie" v-text="item.tableComment"></span></td>
                        </tr>