VUE模板语法 v-on v-bind v-html 过滤器filters

<templayte>
<div>
  <!-- v-on  是一个点击事件-->
<div v-on:click="show">点击我</div>

  <!-- v-bind   class属性red是一个变量   red的值在data中-->
<div v-bind:class="red"></div>

  <!-- v-html -->
<div v-html="text"></div>


 <!--filters -->
 <div> {{   msg |  msgFilters }} </div>
</div>
</templayte>
<script>
data(){
red:"pink blank",
text:'text在页面中显示'，
msg:'msg原来的值'
},
methods:{
show(){
alert(123)
}，
filters:{
msgFilters(){
	return '过滤掉mas的值'；
}
}
}

</script>