计算属性

时间 2019-11-09

标签计算属性繁體版

原文原文链接

计算属性中能够重写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>
复制代码

1. 计算属性
2. Vue.js 计算属性
3. 【Vue计算属性】
4. Vue:计算属性
5. Vue - 计算属性
6. Swift 计算属性
7. VUE-计算属性
8. vue-计算属性
9. vue计算属性VS侦听属性
10. vue计算属性与监视属性
更多相关文章...
• 计算机网络由哪些硬件设备组成？ - TCP/IP教程
• PHP 运算符 - PHP教程
• 使用Rxjava计算圆周率
• 三篇文章了解 TiDB 技术内幕 —— 说计算