[vue] 在使用计算属性的时,函数名和data数据源中的数据可以同名吗?
[vue] 在使用计算属性的时,函数名和data数据源中的数据可以同名吗?
莫名其妙的问题。可以同名,但data会覆盖methods。并且本就不该同名,同名说明你命名不规范。然后解释为什么会覆盖,因为Props、methods、data、computed、watch都是在initState函数中被初始化的。初始化顺序就是我上面给出的顺序,本质上这些都是要挂载到this上面的,你如果重名的话,后面出现的属性自然而然会覆盖之前挂载的属性了。如果你的eslint配置比较严格的话,同名是编译不通过的。不可以,因为初始化vm的过程,会先把data绑定到vm,再把computed的值绑定到vm,会把data覆盖了
正确顺序:props、methods、data、computed、watch、
个人简介
我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。
主目录
与歌谣一起通关前端面试题
[vue] 在使用计算属性的时,函数名和data数据源中的数据可以同名吗?相关推荐
- 在python中数据的输出用哪个函数名_在Python中,数据的输出用哪个函数名
在Python中,数据的输出用哪个函数名 工业机器人按照坐标形式可以分为().A:圆柱坐标机器人B:球坐标机器人C:直角坐标机器人D:关节坐标机器人 生物膜上脂质主要是磷脂.A:对B:错 再结晶退火主 ...
- Vue 第一天: 计算属性和观察者
计算属性和观察者 计算属性 模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的.在模板中放入太多的逻辑会让模板过重且难以维护.例如: <div id="example" ...
- Vue基础之计算属性
Vue基础之计算属性 定义: 原理: get函数执行时机: 优势: 备注: Demo: 定义: 要用的属性不存在,要通过已有属性计算得来. 原理: 底层借助了Objcet.defineproperty ...
- 003-读书笔记-Vue官网 计算属性与监听器
1.计算属性 1-1 计算属性概述 计算属性也是 Vue 实例的属性,和 data 方法中返回的对象中的属性是等同的存在.通常来说,计算属性可以简单理解: 计算属性其实就是 Vue 实例的一个属性 计 ...
- [vue] watch和计算属性有什么区别?
[vue] watch和计算属性有什么区别? 一个是侦听属性,一个是计算属性 2.一个是为了应对复杂的逻辑计算,一个是对数据的变化作出反应 3.一个是只有当缓存改变时才执行,一个是只要从新渲染就会执行 ...
- python考试时函数名记不到怎么办?
python考试时函数名记不到怎么办 不知道各位同学有没有在python或者机器学习.人工智能实操考试中忘记了导入的包的函数名称.同时又不允许百度查询,这时候该怎么办呢? 一招教你破解: python ...
- vue-router路由、mixin混入、vue-resource、axios、计算属性watch、moment.js、vuex、vue-cli、数据双向绑定、搭建vue环境、vue实例、配置启动项
路由vue-router介绍: // 1.前端路由核心:锚点值的改变,根据不同的锚点值,渲染指定dom位置的不同数据.// 2.vue中,模板数据不是通过ajax请求的,而是调用函数获取到模板内容// ...
- Vue的computed(计算属性)使用实例之TodoList
最近倒腾了一会vue,有点迷惑其中methods与computed这两个属性的区别,所以试着写了TodoList这个demo,(好土掩面逃~); 1. methods methods类似react中组 ...
- Vue 过滤器、计算属性、侦听器 图解版 一目了然
文章目录 本篇学习目标 1. vue基础 1.0_vue基础 v-for更新监测 1.1_vue基础_v-for就地更新 1.2_vue基础_虚拟dom 1.3_vue基础_diff算法 情况1: 根 ...
最新文章
- Linux 操作系统原理 — loop 伪设备
- TRILL技术白皮书
- python连接mysql中报错1064修改方法
- JZOJ 5281. 【NOIP提高组模拟A组8.15】钦点
- java 数组冒泡排序、转置(降序)
- 南大cssci期刊目录_最新版CSSCI管理学和经济学来源期刊目录(20192020)及增减变化!【南大核心】...
- Linux——VIM多选缩进及高级命令
- AAAI 2020 | GlobalTrack:简单又强大!视频长期目标跟踪新基线
- Spring Boot基础学习笔记19:自定义RedisTemplate与RedisCacheManager
- PHP字符串相关函数
- TC397 CANFD 用例分析
- wsdl2java 参数_wsdl2java参数详解
- 如何解除国外听QQ音乐网易音乐地区版权限制解除
- 筛选N以内的素数C语言版(1022)
- 英文商务邮件开场白结尾
- 基于RESTful的FastAPI服务模板
- 如何“避雷”(化解风险)
- 用Python绘制各国新冠肺炎确诊病例发展趋势图
- ServU 5.0的配置
- 【云原生之Docker实战】使用Docker部署Alist网盘直链程序