computed:计算属性
当使用computed执行函数存入数据时,并且第二次使用数据时会从缓存中进行获取数据
即用到了计算属性就会自动执行get函数获取函数,也会更改属性这时就会自动执行set函数设置数据
如果数据没有改变,那么不会执行get函数,则会从缓存中获取数据(因为速度更快) get函数必须有return ,methods中的函数一定会每次都执行
watch监听器
watch作用于监听某个数据是否更改,则更改后执行其他操作
<body>
<div id="app">
<h1>{
{value}}</h1>
<button @click="value = '上海'">改变数据,并新增更新后的数据</button>
<h2>{
{value2}}</h2>
</div>
</body>
</html>
<script>
new Vue({
el:"#app",
data:{
value:"湖南",
value2: