<body> <script> const obj = { aaa() { setTimeout(function() { console.log("t1", this) // window }) 象 }) } } obj.a.
原创 2022-03-02 15:55:23
74阅读
(function (h) { return h(App); }); // ES6 h => h(App);
原创 2022-03-28 18:09:25
210阅读
(function (h) { return h(App); }); // ES6 h => h(App);
原创 2021-06-30 15:55:37
638阅读
# Vue + Axios 的箭头函数请求详解 在现代前端开发中,Vue.js作为一个流行的JavaScript框架,被广泛应用于构建用户界面。为了与后端进行通讯,Axios是一个非常流行的HTTP客户端库。本文将介绍如何在Vue中使用Axios进行请求,特别是使用箭头函数的方式,以代码示例帮助你更好地理解这一过程。 ## 一、Axios简介 Axios是一个基于Promise的HTTP客户
原创 8月前
23阅读
0x00 箭头函数 基本语法: ES6允许使用“箭头”(=>)定义函数 var f = a = > a //等同于 var f = function(a){ return a; } 如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。 //无形参 var f = () => 5; /
原创 2022-05-24 12:34:38
1755阅读
https://www.zcfy.cc/article/clean-up-your-vue-modules-with-es6-式下this指向undefined。
转载 2018-07-11 10:33:00
87阅读
2评论
获取vue axios结合箭头函数 在现代前端开发中,使用Axios库进行API请求是常见的做法。将Axios与Vue框架结合使用,并利用箭头函数简化代码,可以提高代码的可读性与维护性。接下来,我们将通过一个较为完整的流程来探讨如何整合这些技术。 ### 备份策略 为了确保我们的代码和数据安全,备份策略是至关重要的。我们首先设计一个周期性的备份计划和对应的甘特图。 ```mermaid g
原创 6月前
4阅读
ES6中的肩头函数:const cc = (参数列表)=>{}  例如:一个参数的时候括号可以省略掉const power = num =>{ return num*num }  函数中没有参数的时候const test = () =>{ console.log('hello world") }  函数中还有一行代码的时候:const mul = (num1,nu
转载 2024-04-22 08:39:19
73阅读
1.Vue 不同环境配置不同的接口地址;在项目中,前端请求访问的地址如果有跨域,我们会在config–>index.js中配置代理。这样前端请求就可以使用'/api/接口名称',但是在生产环境下,我们不需要接口请求前面加'/api',所以就需要判断开发环境和生产环境。 1) config -> dev.env.js 添加开发接口地址 config -> prod
     场景:因为从数据需要分类,所以在主数据详情页要加一个顶部的标签来实现分类,再根据左侧的从数据id来实现浏览从数据,但是其中有一个分类下面又分了层类,所以要用到左侧导航栏,样式如下:        第一种:左侧没有层级导航直接是从数据模块   &nbs
一、 Vue.js 是什么?官网的描述:Vue 是一套用于构建用户界面的渐进式框架 。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与 现代化的工具链 以及各种 支持类库 结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 这里有几个关键字: 渐进式框架、现代化的工具链、支持类库1、用一个
转载 2024-04-11 18:05:43
193阅读
Vue组件是VueJS的重要功能之一,可以创建可以在HTML中重用的自定义元素。下面通过一个例子来创建一个组件,这将更好地理解组件如何与VueJS一起工作。一、组件的创建要创建组件,请遵循以下语法。Vue.component('name of the component',{ // options });示例:创建一个文件:component-example1.html ,代码
箭头函数在Vue中如何正确使用?
原创 3月前
143阅读
该组件基于技术栈,主要涉及vue-cli生成的webpack项目脚手架,在此脚手架项目基础上完成的,整合了element-ui开源vue的UI项目1.vue-cli的安装使用npm install -g vue-cli 全局安装vue-cli之后,使用该脚手架的相关命令,可快速生成一个比较规范的vue项目结构 vue init <template-name> <proj
转载 9月前
94阅读
vue
原创 2023-09-20 12:42:32
166阅读
一、基本用法 基本用法: ES6中允许使用“箭头”(=>)定义函数。 var f = v => v; 上面代码相当于: var f = function( v ) { return v; } 根据箭头函数有参数和无参数来区分: 1、无参数的箭头函数 var f = () => 5; 等同于 var f = function() { return 5}; 2、有
Vue
原创 2023-03-19 09:37:13
93阅读
1点赞
1评论
Vue ES6箭头函数使用总结 by:授客 QQ:1033553122 箭头函数 ES6允许使用“箭头”(=>)定义函数: 函数不带参数 定义方法:函数名称 = () => 函数体 let func = () => 1 等同于 function func() { return 1; } 函数只带一个
原创 2021-06-01 10:42:22
404阅读
       我们在做移动端项目的时候,底部导航栏基本可以说是必备的功能,可以方便用户在几大基本页面间切换。一套完整的底部导航栏,不仅需要具有导航菜单的显示,还需要根据实际业务逻辑判断导航栏何时显示、何时隐藏,以及在组件之间进行切换时,添加恰当的页面过渡效果,从而实现整体效果的提升。    &nbs
转载 11月前
152阅读
1.不应该使用箭头函数来定义一个生命周期方法2.不应该使用箭头函数来定
原创 2022-08-04 17:01:33
196阅读
Vue指令大全 1, v-text v-text主要用来更新textContent,可以等同于JS的text属性, 但是没有使用{{ }}灵活,v-text会覆盖原有的。<span v-text="msg"></span> // 等价于 <span>{{msg}}</span> 2, v-html双大括号的方式会将数据解释为纯文本,而非HTML。为
  • 1
  • 2
  • 3
  • 4
  • 5