計算屬性

時間 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 技術內幕 —— 說計算

相關標籤/搜索