Vue学习笔记

Vue

script中的写法

<script>

var app=new Vue({

　　el:"#app",

　　data:{

　　msg:"Hello"

}

});

</script>

1、显示

<div>{{msg}}</div>

<div v-text="msg"></div>

<div v-html="msg"></div>

2、属性

<div v-bind:title="title">Hello</div>

3、事件

<div v-on:click="clickHandler"></div>

4、双向绑定

<input v-model="name" />

5、计算属性

computed:{

　　cal:function{　　

　　　　　　return this.name+" "+this.age

　　　　}

}

6、侦听器

watch:{

　　cal:function(){

　　　　this.number++;

　　}

}

Vue学习笔记

原文：https://www.cnblogs.com/lunawzh/p/9346267.html