vue学习(12)计算属性

简介: vue学习(12)计算属性

**<!DOCTYPE html>








姓:



名:



姓名:{ {fullName}}



知识点**
1:只要data中的数据发生改变,vue就会重新解析模板。只要遇到插值语法里面写方法,那么这个方法肯定会被重新调用一遍。
2:计算属性
(1):要用的属性不存在,只有通过已有的属性计算得来。
(2):原理:底层借助了Object.defineProperty()的getter和setter。
(3):getter什么时候执行:
(3.1) 初次调用时执行一次。
(3.2)所依赖的数据改变时,会被再次调用。
(4):优势:与methods实现方式相比,有缓存机制(复用),效率更高。
(5):计算属性最终会出现在vm上面,直接读取使用即可。
(6):如果计算属性要被修改,必须写setter去响应修改,且set中要引起计算时依赖的数据发生改变。

目录
相关文章
|
1天前
|
JavaScript 前端开发 网络架构
vue 路由器history和hash工作模式
vue 路由器history和hash工作模式
|
2天前
|
JSON 缓存 JavaScript
vue尚品汇商城项目-day01【1.vue-cli脚手架初始化项目生成文件的介绍】
vue尚品汇商城项目-day01【1.vue-cli脚手架初始化项目生成文件的介绍】
10 0
|
2天前
|
JavaScript
vue尚品汇商城项目-day01【2.vue-cli脚手架初始化项目的其他配置】
vue尚品汇商城项目-day01【2.vue-cli脚手架初始化项目的其他配置】
9 0
|
JavaScript 测试技术 容器
Vue2+VueRouter2+webpack 构建项目
1). 安装Node环境和npm包管理工具 检测版本 node -v npm -v 图1.png 2). 安装vue-cli(vue脚手架) npm install -g vue-cli --registry=https://registry.
1040 0
|
3天前
|
JavaScript 数据格式
vue3 + Ant design vue formItem 无法使用嵌套的form表单校验
vue3 + Ant design vue formItem 无法使用嵌套的form表单校验
22 1
|
2天前
|
JSON JavaScript 前端开发
vue尚品汇商城项目-day00【项目介绍:此项目是基于vue2的前台电商项目和后台管理系统】
vue尚品汇商城项目-day00【项目介绍:此项目是基于vue2的前台电商项目和后台管理系统】
10 1
|
3天前
|
JavaScript 前端开发
vue尚品汇商城项目-day01【4.完成非路由组件Header与Footer业务】
vue尚品汇商城项目-day01【4.完成非路由组件Header与Footer业务】
12 2
|
3天前
|
JavaScript 前端开发
vue尚品汇商城项目-day01【3.项目路由的分析】
vue尚品汇商城项目-day01【3.项目路由的分析】
11 1
|
3天前
|
JavaScript 前端开发 数据安全/隐私保护
vue尚品汇商城项目-day01【5.路由组件的搭建】
vue尚品汇商城项目-day01【5.路由组件的搭建】
9 0
vue尚品汇商城项目-day01【5.路由组件的搭建】
|
4天前
|
JavaScript 索引
vue尚品汇商城项目-day04【25.面包屑处理关键字】
vue尚品汇商城项目-day04【25.面包屑处理关键字】
20 1