博客

如题：有两种方式，第一种是使用data模板，创建一个变量副本，维护这个副本变量。

示例代码：

<p>
		有两种方式一种是在data模板中声明一个变量副本，然后更改变量副本
		如下：组件中声明了数据count，它在数组初始化时会获取父组件initCount,所以只需要维护count
	</p>
	<div id="app">
		<my-component :init-count="1"></my-component>			
	</div>
	<script type="text/javascript" src="./js/vue.js"></script>
	<script type="text/javascript">
		Vue.component('my-component',{
			props:['initCount'],
			template:'<div>{
  {count}}</div>',
			data:function(){
				return {
					count:this.initCount
				}
			}
		});
		var app = new Vue({
			el:"#app"
		});

	</script>

第二种，是使用计算属性。

<div id="app">
		<my-component :width="100"></my-component>