摘要: 监督属性 何为监督属性:这是vue一个配置属性,主要是监督已有的属性值。 案例:实现监督天气变化,在控制台输出变化。 <body> <!-- 定义一个vue容器 --> <div id="root"> <h3>广东天气很{{info}}</h3> <button @click="reverseWea 阅读全文
posted @ 2023-12-28 17:15 郭培鑫同学 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 事件绑定 如何给按钮绑定事件:v-on:click="方法(实参1,...,$event)" 另一种简写:使用@代替v-on:click Vue的元素methods:{}用于配置每一个方法 $event: event的占位符 event作用:获取触发事件的元素标签 <body> <!-- 定义一个v 阅读全文
posted @ 2023-12-28 16:34 郭培鑫同学 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 数据代理 何为:一个对象代理了另一个对象对属性的操作。 为什么vue要数据代理:因为代码是从上执行到底,但前端页面与用户交互不一样,当用户读取属性时,代码里的那一个属性需要最新;同理,修改属性时,代码里的属性必须修改到。vue使用代理可以完美的解决了用户按需操作属性的要求。 原理:Vue中_data 阅读全文
posted @ 2023-12-28 16:33 郭培鑫同学 阅读(5) 评论(0) 推荐(0) 编辑
摘要: 计算属性 何为计算属性:通过已有的属性计算得来的属性。 原理:底层调用了 Object.defineproperty 方法提供的getter和setter。 get调用时机:①初次读取; ②所依赖的属性发生改变。 set调用时机:当计算属性被修改时。 与methods配置项对比,优势在哪: ①计算属 阅读全文
posted @ 2023-12-28 16:31 郭培鑫同学 阅读(18) 评论(0) 推荐(0) 编辑