VUE学习笔记-model数据监视器

使用watch,来实现model的数据变化即可触发

数据变化的函数中，还提供newVal与oldVal的参数

使用wath可以监视非页面上的dom的变化，例如监视路由的变化

使用$route.path可以访问路由的数据

使用computed的计算属性来监视数据的变化

computed里面，可以定义一个方法，在dom上可以直接当属性来使用
在dom上引用时，不用加（）,直接当属性一样调用
computed里面，只要***有涉及数据***有发生变化，计算属性里面的方法就会被执行
computed里面的计算属性，会被***缓存***，只用计算一次，如果多次引用些属性，数据也只会重新计算一次

methods, watch, computed 方法对比

methods: 可以写大量的业务逻辑
computed: 只适合简易的逻辑,涉及计算的数据发生变化，就会触发，且数据会被缓存（适用于数据的预处理）
watch:具备methods与computed的优势

VUE学习笔记-model数据监视器相关推荐

Vue学习笔记入门篇——数据及DOM
本文为转载,原文:Vue学习笔记入门篇--数据及DOM 数据 data 类型 Object | Function 详细 Vue 实例的数据对象.Vue 将会递归将 data 的属性转换为 getter ...
vue学习笔记-02-前端的发展历史浅谈mmvm设计理念
vue学习笔记-02-前端的发展历史浅谈mmvm设计理念文章目录 1. MVVM模式的实现者 2.第一个vue程序 3.什么是mvvm? 4.为什么要用mvvm? 5.mvvm的组成部分 7.MVV ...
vue学习笔记-01-前端的发展历史（从后端到前端，再到前后端分离，再到全栈）
vue学习笔记-01-前端的发展历史(从后端到前端,再到前后端分离,再到全栈) 这篇文章是博主在看vue-前端发展简史的时候做的笔记,以供后续学习复习文章目录 vue学习笔记-01-前端的发展历 ...
Vue.js 基础语法入门语句 Vue学习笔记 v-model 双向数据绑定
Vue.js 基础语法,入门语句,Vue学习笔记学习网站:https://www.bilibili.com/video/BV15741177Eh vue 的体验响应式:数据一旦改变,视图就会响应改 ...
狂神说 vue学习笔记
vue学习笔记文章目录 vue学习笔记一.第一个vue程序 1. 什么是MVVM 2. 为什么要使用MVVM 3.直接新建项目 4.导入vue.js 5.简单绑定元素 6 vue的声明周期二.V ...
Vue学习笔记01——Vue开发基础
一.Vue实例配置选项选项说明 data Vue实例数据对象 methods 定义Vue中的方法 components 定义子组件 computed 计算属性 filters 过滤器 el 唯一根 ...
oracle数据库的model,Oracle 11g学习笔记–model子句
Oracle 11g学习笔记–model子句 oracle 10g中新增的model子句可以用来进行行间计算.model子句允许像访问数组中元素那样访问记录中的某个列,这就提供了诸如电子表格计算之类的 ...
Vue学习笔记进阶篇——Render函数
本文为转载,原文:Vue学习笔记进阶篇--Render函数基础 Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML.然而在一些场景中,你真的需要 JavaScript 的完全编 ...
vue学习笔记-03-浅谈组件-概念，入门，如何用props给组件传值？
vue学习笔记-03-浅谈组件-概念,入门,如何用props给组件传值? 文章目录 vue学习笔记-03-浅谈组件-概念,入门,如何用props给组件传值? 什么是组件? 为什么要使用组件? 如何使用 ...

VUE学习笔记-model数据监视器

使用watch,来实现model的数据变化即可触发

使用wath可以监视非页面上的dom的变化，例如监视路由的变化

使用computed的计算属性来监视数据的变化

methods, watch, computed 方法对比

VUE学习笔记-model数据监视器相关推荐

最新文章

热门文章