计算属性，只要在改变，计算属性使用变量，则会进行执行，否则并不会执行计算属性

<template>
    <view>
    <view class="">
        {{newtest}}
    </view>    
    
    <button type="primary" @click="click"> 按钮</button>
    {{name}}
    </view>
</template>

<script>
    export default {
        data() {
            return {
                
                firestext:"hello",
                listtext:"world",
                name:"李贵"
            }
        },
        methods: {
            click(){
                this.firestext="海贼王"
            }
        },
        computed:{
            newtest(){
                console.log('计算属性')
                return this.firestext+this.listtext
            }
        }
    }
</script>

<style>

</style>
 

<template>
	<view>
	<view class="">
		{{newtest}}
	</view>	
	
	<button type="primary" @click="click"> 按钮</button>
	{{name}}
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
				firestext:"hello",
				listtext:"world",
				name:"李贵"
			}
		},
		methods: {
			click(){
				this.firestext="海贼王"
			}
		},
		computed:{
			newtest(){
				console.log('计算属性')
				return this.firestext+this.listtext
			}
		}
	}
</script>

<style>

</style>