vue使用案例，vue初始化，vue初始化方法，vue条件语句，vue在js里面添加元素调用vue方法

       

      <div id="main" >
       <button id='but1' type="button" v-on:click="save"  v-on:mouseout="seout('but1')" v-on:mouseover="seover('but1')">
         {{button}}
       </button>
      </div>

let vue= new Vue({
      el:'#main',
      data: {
        text1: '乘客网约订单超时取消时间(分):',
        text2: '乘客流水班线订单超时取消时间(分):',
        input1: '',
        input2: '',
        button:'保存',
        th7:'创建时间',
        th8:'操作',
        trs:'<td colspan="8">暂无数据</td>'
      },
         //用于数据初始化
      created:function(){        
  
      },
      methods: {
             seover: function (a) {            
                $("#"+a).css("background-color","#3399ff"); 
                 },
             seout: function (a) {
              $("#"+a).css("background-color","#1C86EE");   
                 },
              save:function (){
                   if(!this.input1 || !this.input2 || !this.input3 || !this.input4 || !this.input5 || !this.input6){
                       alert("请填写必填信息!");
                       return;
                       }
                 
                  },
                  
            }
    })

 vue条件语句

          <tr v-if="b">
             <td colspan="8">{{td8}}</td>
          </tr> 
                    
          <tr v-else>
             <td >{{td1}}</td>
             <td >{{td2}}</td>
             <td >{{td3}}</td>
             <td >{{td4}}</td>
             <td >{{td5}}</td>
             <td >{{td6}}</td>
             <td  >{{td7}}</td>
             <td v-html='td8' ></td>
          </tr> 

vue在js里面添加元素以及调用vue方法

                       vue.td8='<span  onclick="vue.stop();" style="color: blue;cursor: pointer;" >禁用</span>&nbsp;&nbsp;'
                           +'<span onclick="vue.del();" style="color: blue;cursor: pointer;" >删除</span>';