vue笔记

一、输出html的方法

<p id="app" v-html="rawHtml"></p>

<script type="text/javascript">
var vm = new Vue({
　　el : "#app",
　　data : {   rawHtml : '<span style="color:red">this is should be red</span>'}
});
</script>

 

二、基本操作元素文本

<div id="app">
<p>{{ message }}</p>
</div>

<script>
var vm = new Vue({
　　el: '#app',
　　data: {message: 'Hello Vue.js!'}
})
</script>

 

后记:

改变数据的方法

vm.$data.message="修改的数据"

vm.message="修改的数据

 

三、函数里面调用函数用

this.hanshu()

 

四、es6语法在函数里面的使用

hanshu(id){

a=`this is name：${id} ${this.name}`

}

 

五、控制按钮是否亮起(v-bind:disabled 可以简写 ：)

<a-button type="primary" @click="groupapi(value),onClose()" v-bind:disabled="prolist.length===0? true:false">确定</a-button>

 

 

六、data赋值,当取不到的时候给予0

aa=rr |｜ 0

 

七、自动执行和销毁 循环的任务

 //页面载入前执行
  mounted(){
this.timeid=setInterval(
  this.jmeterStatusMeter, 
  3000);
 },
//页面切换
 destroyed(){
   clearInterval(this.timeid)
 },