计算属性

spfLinux

于 2018-01-11 18:46:34 发布

阅读量296

点赞数

分类专栏： vue 文章标签：计算属性

vue 专栏收录该内容

35 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script type="text/javascript" src="js/vue.js"></script>
</head>
<body>
	<div id="example">
		<p>{{msg}}</p>
		<ul>
			<li v-for="tmp in list">
				<h2>{{myFunc()}}</h2>
				<h2>{{myFunc1}}</h2>
			</li>
		</ul>
	</div>

	<script type="text/javascript">
		new Vue({
			el:'#example',
			data:{
				msg:'VueJS is Awesome',
				list:[100,200,300],
				count:0
			},
			methods:{
				myFunc:function(){
					console.log("in myFunc");
					return this.count;
				}
			},
			computed:{
				myFunc1:function(){
					console.log("in myFunc1");
					return this.count;
				}
			}
		});
	</script>
</body>
</html>