computed计算属性

#### 结合了  num前面拼接￥符的几种写法，希望能帮助到你。
<template>
  <div class="about">
    <h1>{{num}}</h1>
	<button type="button" @click="add">加1</button>
	
	<h1>¥ {{num}}</h1>
	<h1> {{'¥' + num}}</h1>
	<h1>filter: {{num | filterNum}}</h1>
	<h1>computed: {{comNUm}}</h1>
	<h1>method: {{methodNum()}}</h1>
	 
		//计算属性，只依赖于所依赖 的值，只会存在他所依赖 的值发生改变的时候，才会改变
		//不能直接修改计算属性的值，如果要修改，需要将计算属性写成对象形式
		computed: {
			计算属性: {
				get(){
					
				},
				set(val){
					
				}
			}
		}
	 
	 -->
	<!-- <p>{{comNUm}}</p>
	<input v-model="comNUm"/> -->
  </div>
</template>

<script type="text/javascript">
	export default {
		data:function(){
			return {
				num: 0
			}
		},
		methods:{
			add(){
				this.num++
			},
			methodNum(){
				return '¥' + this.num
			}
		},
		computed:{
			comNUm: {
				get(){
					return '¥' + this.num	
				},
				set(val){
					this.num = val.replace('¥','')
				}
			}
			// comNUm(){
			// 	return '¥' + this.num
			// }
		},
		filters:{
			filterNum(num){
				return '¥' + num
			}
		},
		
	}
</script>