首页 > 其他分享 >计算属性

计算属性

时间:2022-12-01 19:11:08浏览次数:37  
标签:el app 计算 reversedMessage message 属性

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<title></title>
	</head>
	<body>
		<div id="app">
			{{reversedMessage}}
		</div>
	</body>
	
	<script>
		var app = new Vue({
			el : "#app",
			data : {
				message : "vue",
			},
			/**
			 * 计算属性是基于它们的响应式依赖进行缓存的
			 * 只要 message 还没有发生改变,
			 * 多次访问 reversedMessage 计算属性会立即返回之前的计算结果,而不必再次执行函数
			 */
			computed: {
				// 计算属性的 getter
				reversedMessage: function () {
				  // `this` 指向 vm 实例
				  return this.message.split('').reverse().join('')
				}
		    }
			
		})
	</script>
</html>

标签:el,app,计算,reversedMessage,message,属性
From: https://www.cnblogs.com/lwx11111/p/16942406.html

相关文章

  • 贪婪算法优化计算-马踏棋盘问题
    一、    问题阐述将马放到国际象棋的8*8棋盘board上的某个方格中,马按走棋规则进行移动,要求每个方格进入且只进入一次,走遍棋盘上的64个方格,将数字1,2,3…,64依次填入一......
  • IPV4掩码后地址计算
    计算掩码后IP地址template<classT>classSingleInstance{public:staticinlineTinstance(){staticTobj;returnobj;}private:SingleIns......
  • js,jQuery获取html5的data-*属性
    js,jQuery获取html5的data-*属性  今天做项目的时候发现一个坑,关于jQuery获取data-*属性的方法data(),特写此篇来记录。data-*自定义数据属性HTML5规定可以为元......
  • HTML属性
    属性为HTML元素提供附加信息。HTML属性HTML标签可以拥有属性。属性提供了有关HTML元素的更多的信息。属性总是以名称/值对的形式出现,比如:name="value"。属性总是......
  • 计算机视觉岗暑期实习应聘总结
    找实习感想找实习建议面试过程建议计算机视觉岗找实习心得计算机视觉面试问题分类总结已面试的公司和进展实习面经找实习感想从4月1日开始找实习,到5月13日收到南......
  • 计算机发展历程
    什么是计算机系统计算机系统=硬件+软件硬件:计算机的实体,比如说CPU,内存条,硬盘等软件:具有各类特殊功能,而软件又分为系统软件和应用软件系统软件:用来管理整个计算机......
  • HTML5 data-* 自定义属性
    HTML5data-*自定义属性  在jQuery的attr与prop提到过在IE9之前版本中如果使用property不当会造成内存泄露问题,而且关于Attribute和Property的区别也让人十分头痛,在......
  • 三江学院计算机科学与工程学院举办“火焰杯”软件测试开发选拔赛颁奖仪式
    11月25日下午,“火焰杯”软件测试开发选拔赛颁奖仪式在s楼会议室隆重举行“。计算机科学与工程学院院长刘亚军、副院长叶传标、曹阳、吴德、院党总支副书记王兰英、系主任......
  • BoCloud博云荣登中国云计算创新企业榜TOP50
    9月20日,由爱分析主办的“云化万物、智动未来——2018爱分析·云计算高峰论坛”在北京举行,大会发布了中国云计算创新趋势报告,以及中国云计算创新企业榜50强榜单。BoCloud博云......
  • BoCloud博云荣登中国云计算创新企业榜TOP50
    9月20日,由爱分析主办的“云化万物、智动未来——2018爱分析·云计算高峰论坛”在北京举行,大会发布了中国云计算创新趋势报告,以及中国云计算创新企业榜50强榜单。BoCloud博云......