【Vue】监视属性

最新推荐文章于 2024-09-09 16:42:29 发布

叁柒

最新推荐文章于 2024-09-09 16:42:29 发布

阅读量601

点赞数 19

分类专栏： Vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/m0_64102491/article/details/127453859

版权

1. 场景引入

在实际开发中，有时开发者需要根据某个属性的变化，做出相应的决策，因此Vue为开发者提供了watch.这一监视属性，用于实现此类需求。比如下面这个场景，开发者要监测天气的变化，每次点击切换天气，就会变化，要求我们对不同的天气做出不同的处理。

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
<div id="root">
    <h2>今天天气很{
  {info}}</h2>
    <button @click="changeWeather">切换天气</button>
</div>