Vue -- 计算属性 computed 的使用及原理介绍，同普通方法有什么区别，同 watch的区别

computed 计算属性的入门案例

在 computed 中定义的字段，就不能在 data 中定义了

首先看一个简单的例子，来了解下 compute 计算属性 ：

<div id="tabContainer" style="height:100%;width:100%;">
	<button @click="changeInfo">将城市从北京切换成上海</button>
	<button @click="reAssignInfo">将城市赋值成北京</button>
	<div>{
  {country}}</div>
	<div>{
  {city}}</div>
	<div>{
  {info}}</div>
</div>

function init(){
   
	this.template='#testId',
	this.data=function () {
   
		return {
   
			country : 'China&