为什么getter和action是箭头函数？
在Vue.js中，getter和action通常被定义为箭头函数的原因有以下几点：
- 箭头函数没有自己的this绑定：箭头函数的this绑定是词法上的，它会捕获定义时所在的上下文的this值。这意味着在箭头函数内部，无论在哪里调用，this都指向箭头函数定义时的上下文。而在Vue.js中，getter和action需要访问Vue实例的属性和方法，使用箭头函数可以确保它们内部的this指向Vue实例，而不会受到调用位置的影响。
- 箭头函数更简洁：箭头函数的语法更加简洁，可以减少代码的书写量，提高代码的可读性和维护性。
- 箭头函数避免了this指向的困扰：在传统的函数中，this的指向是动态的，取决于函数的调用方式。在Vue.js中，getter和action通常需要在模板中绑定，而模板中的绑定方式可能是动态的，如果使用传统的函数定义方式，需要通过bind()、call()或apply()等方法来绑定this，而使用箭头函数可以避免这种困扰。
总之，使用箭头函数作为getter和action的定义方式，可以简化代码，避免this指向的困扰，并确保它们内部的this指向Vue实例，从而更好地实现Vue.js的响应式机制。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless）：云函数是一种无需管理服务器即可运行代码的计算服务，可以用于编写和执行后端逻辑，支持多种编程语言。详情请参考：https://cloud.tencent.com/product/scf
- 云数据库 MySQL 版（CDB）：云数据库 MySQL 版是一种高性能、可扩展的关系型数据库服务，适用于各种规模的应用程序。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 云服务器（CVM）：云服务器是一种弹性计算服务，提供可靠、安全、灵活的云端计算能力，适用于各种应用场景。详情请参考：https://cloud.tencent.com/product/cvm
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估和决策。
相关·内容
3回答
点开磁盘管理后没有磁盘1只有磁盘0？
云服务器、官方文档
请描述您的问题
标题：快速入门 Windows 云服务器 - 云服务器 - 产品文档 - 帮助与文档 - 腾讯云
地址：https://cloud.tencent.com/document/product/213/2764
浏览 1749提问于2018-01-31
5回答
如何将云主机 迁移到私有网络？
云服务器、私有网络、官方文档
请描述您的问题
标题：私有网络和子网 - 私有网络 - 产品文档 - 帮助与文档 - 腾讯云
地址：https://cloud.tencent.com/document/product/215/4927
浏览 1213提问于2018-02-06
4回答
之前买的服务器可以退款么？
费用中心、5折上云
之前买的服务器可以退款么？你这活动力度好大啊
标题：腾讯云云产品新购特惠，五折上云！
地址：https://cloud.tencent.com/act/first_purchase?utm_source=portal&utm_medium=banner&utm_campaign=firstpurchase&utm_term=0109
浏览器信息
Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Safari/537.36
浏览 1599提问于2018-01-20
3回答
腾讯云服务器怎么购买？有没有腾讯云服务器购买流程教程？
ICP备案、云服务器、私有网络、域名注册、域名转入
本人小白，想买个腾讯云服务器，希望有一步一步的教程。谢谢。
浏览 720提问于2018-12-01
1回答
ES6箭头函数在vue.js官方github示例中的“此”谜题
ecmascript-6、vue.js、vuejs2、arrow-functions
这是我从github上拿的叉子-- vue.js官方网站的小提琴：
I console.log(this) in fetchData函数表达式，并输出vue组件实例：
但是当我在fetchData ()中使用箭头函数时，console.log(this)是window。
我已经学会了箭头函数的概念，但我仍然混淆了this。为什么第二个this绑定到全局窗口对象，而第一个this绑定到vue组件实例？
什么情况下不能使用箭头函数this
浏览 1提问于2017-07-05得票数 1
3回答
内网型负载均衡可以被后端绑定的机器访问吗？
负载均衡、官方文档、负载均衡缓存
请描述您的问题
标题：负载均衡公网内网属性说明 - 负载均衡 - 产品文档 - 帮助与文档 - 腾讯云
地址：https://cloud.tencent.com/document/product/214/6147
浏览 845提问于2018-02-06
1回答
如何保证硬盘中的数据安全？
云硬盘、数据安全、存储
云服务的基础依赖于硬件的设施，如硬盘等存储设备。当腾讯云的硬盘发生故障时，可能会需要进行替换或退役，那么在以下两种场景中，如何保证硬盘中的数据安全？
硬盘返厂维修并置换新硬盘；
硬盘无法使用，失去维修价值，决定销毁。
浏览 745提问于2020-03-09
1回答
关于网站数据迁移腾讯云的若干问题。问题之一：腾讯云有等保级别？
数据迁移、tcp/ip、windows
事情背景是 2018年建立了网站，网站有工信部备案号。主域名、IP都正常在用。网站接入方式是 租赁虚拟空间。等保备案号、等保级别、等保系统都没有。系统软件版本是 windows 2008，路由器、交换机、服务器、安全设备都 “为虚拟机，不是独立单台服务器”
网站现在需要整改(公安部备案、达到等保要求等等)
问题：
1、对网站数据进行迁移腾讯云支不支持？
2、腾讯云有没有最低等保2资质？
3、完成迁移和后续持续运行对腾讯云的配置有什么要求？
4、迁移和持续运行每年需要大概多少费用？
浏览 278提问于2022-03-08
5回答
微信小程序人脸与身份证照片对比登录,后端做什么？
官方文档、小程序·云开发
微信小程序前端和后端分别要做些什么 ? 所有需要的东西有哪些 ? (请尽量详细点)
标题：人脸识别 - 智能图像服务 - 产品文档 - 帮助与文档 - 腾讯云
地址：https://cloud.tencent.com/document/product/641/12397
浏览 2452提问于2018-01-24
1回答
系列2机型是什么配置？
5折上云
请描述您的问题
标题：腾讯云云产品新购特惠，五折上云！
地址：https://cloud.tencent.com/act/first_purchase
浏览器信息
Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3251.0 Safari/537.36
浏览 549提问于2018-02-01
5回答
如何搭建网站，展示自己的网页作品？
云+校园、云服务器、javascript、数据库、域名注册
大三学生一枚，已经使用vue.js自己弄了几个网页，现在想着把自己弄的网页放到网上（就是一些静态的界面，没有涉及到数据库的应用），只想玩一玩发布网页，让朋友们看一看自己的作品（虽然做得很粗糙）。我就想请教一下大佬，怎样比较经济的做到发布网页，就是申请域名、购买云主机、备案之类的吗？
浏览 1106提问于2019-11-19
2回答
如何将此箭头函数转换为正常函数？
javascript、vue.js、data-binding、arrow-functions、echarts
这是来自Vue.js中的子组件。我试图在sensorData中传递来自父程序的一些数据，但是绑定没有发生，因为下面的代码使用了data的箭头函数。如何将此函数转换为正常函数，以便this绑定可用。
export default {
name: "SensorChart",
props: ["sensorData"],
data: () => ({
chartOptionsLine: {
xAxis: {
data: ["A","B","C","D
浏览 6提问于2022-04-24得票数 0
6回答
在计算值中使用箭头函数不工作
javascript、vue.js、vuejs2
在计算属性中使用箭头函数时，我正在学习Vue并面临一个问题。
我的原始代码运行良好(请参阅下面的代码段)。
new Vue({
el: '#app',
data: {
turnRed: false,
turnGreen: false,
turnBlue: false
},
computed:{
switchRed: function () {
return {red: this.turnRed}
},
switchGreen: function () {
return {green: this
浏览 5提问于2017-03-23得票数 80
回答已采纳
2回答
nameFunction() {}和nameFunction () => {}在ECMA6中的区别
javascript、ecmascript-6、vue.js
我开始学习Vue.js和ECMA6语法，我在教程中看到了这一点：
methods: {
someMethod: function() {
console.log(this) // this works
}
}
然后我想语法应该是：
methods: {
someMethod: () => {
console.log(this) // this undefined
}
}
但这样做是可行的：
methods: {
someMethod () {
console.log(this) // this works
}
}
能解释不同的ECMA5
浏览 4提问于2016-07-10得票数 10
回答已采纳
2回答
从Vuex存储getter返回箭头函数:不理解
javascript、vue.js、vuex、getter、arrow-functions
我一直在观察一个Vuex课程，直到现在一切都很好，直到他们在吸气器中包含箭头函数，然后在计算属性和操作中使用它。守则如下：
项目结构：
const _products = [
{ id: 1, title: "iPad 4 Mini", price: 500.01, inventory: 2 },
{ id: 2, title: "H&M T-Shirt White", price: 10.99, inventory: 10 },
{ id: 3, title: "Charli XCX - Sucker CD", price:
浏览 0提问于2019-01-18得票数 0
回答已采纳
2回答
困惑于vuejs-模板webpack-简单的代码片段
javascript、vue.js、vue-component
我是javascript的新手。
通过阅读示例开始学习Vue.js。
但我对的代码片段感到困惑。
来自
data () {
return {
msg: 'Welcome to Your Vue.js App'
}
}
我想知道为什么不能这样写代码
data: () => {
return {
msg: 'Welcome to Your Vue.js App'
}
}
我试过这两种代码，结果是一样的。
我无法从阅读Vue.js文档中理解。
请帮助我理解这个代码片段。
谢谢你花时间阅读我的
浏览 4提问于2017-03-24得票数 1
回答已采纳
2回答
安全组已经解禁可还是拒绝连接？
云服务器、bash、bash 指令、网络安全
我在腾讯云商购买了三台服务器的使用权限，怎么用我本机通过xshell连接云服务器，安全组已经解禁可还是拒绝连接
浏览 274提问于2021-12-05
1回答
单位有一系列纸质表单，表单中的字段基本一致，但不同时期的排版有多种样式。
现在想通过印刷体识别和手写体识别做一个纸质转电子档的工具，拍照把纸质表单上手工填写的信息转录到网页中的电子表单中。
标题：OCR-通用印刷体识别 - 智能图像服务 - 产品文档 - 帮助与文档 - 腾讯云
地址：https://cloud.tencent.com/document/product/641/12428
浏览 464提问于2018-01-20
2回答
承诺，参数在.then()中是未定义的，如何传递？
javascript、vue.js、ecmascript-6、promise
我跟随在承诺中运行一些父函数。这是一个反应例子，我使用的是Vue.js。
我的问题是，尽管我构建的承诺与示例完全一样，但我仍然遇到了actions undefined问题。
也就是说，参数actions不是在then方法中定义的。
我理解.then()创建了一个新对象，我应该显式地向该对象传递参数。这就产生了两个问题：
为什么在示例中参数actions是在.then()中定义的。是因为Vue和反应的不同吗？
由于connect()隐式地解析为user对象，所以如何将额外的变量(在我的例子中是actions参数)绑定或添加到解决方法中。
这是我的单例代码：
var cha
浏览 0提问于2018-07-05得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
