计算属性

最新推荐文章于 2022-10-04 19:34:25 发布

FreeBSFree

最新推荐文章于 2022-10-04 19:34:25 发布

阅读量104

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/qq_17190231/article/details/90315139

版权

vue 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

计算属性中可以重写setter，getter方法。但是有缓存。原则是vm不变界面不进行重新渲染，那么属性方法将不走，也就是用上次缓存。

<body>

	<div id="app">
<!--		计算属性get，setter方法(有缓存)-->
		<p>{{ message }}</p>
		<p>{{ message }}</p>
	</div>


	<script>
		var cnt = 1;
		var vm = new Vue({
			el: "#app",
			data:{
				name: '小明:',
				doing: '吃饭'
			},

			computed: {
				message:{
					get: function () {
						cnt++;
						return this.name + this.doing + cnt;
					},

					set: function (value) {
						this.name = '小李:';
						this.doing = '学习';
					}
				}
			}
		})

		vm.message = "haha";
	</script>
	
	</body>