Vue学习之--------监视属性(2022/7/10)

网友投稿 519 2022-09-02

Vue学习之--------监视属性(2022/7/10)

Vue学习之--------监视属性(2022/7/10)

文章目录

​​1、监视属性​​

​​1.1 监视属性--天气案例​​

​​1.1.1 基础知识​​​​1.1.2 代码实例​​​​1.1.2 测试效果​​

​​1.2 深度监视-天气案例​​

​​1.2.1 基础知识​​​​1.2.2 代码实例​​​​1.2.3 测试效果​​

​​1.3 监视属性简写-天气案例​​

​​1.3.1 代码实例​​

​​1.4 天气案例 -method方法实现​​

​​1.4.1 代码实例​​​​1.4.2 测试效果​​

​​1.5 姓名案例-watch实现​​

​​1.5.1 代码实例​​​​1.5.2 测试效果​​

1、监视属性

1.1 监视属性–天气案例

1.1.1 基础知识

监视属性watch:

1、当被监视的属性变化时,回调函数自动调用, 进行相关操作2、监视的属性必须存在,才能进行监视!!3、监视的两种写法:(1)、new Vue时传入watch配置(2)、通过vm.$watch监视

1.1.2 代码实例

标题

广州今天的天气很{{info}}

广州今天的天气很{{info}}

a的值是:{{numbers.a}}

b的值是:{{numbers.b}}

今天天气很{{info}}

广州今天的天气很{{info}}

姓:

名:

全名:{{fullName}}