vue watch & arrow function bug watch: { GeoJSON: function(newValue, oldValue) { log(`\n\n\nGeoJSON`, newValue ? JSON.parse(newValue) : newValue); if(newValue) { const { features, } = JSON.parse(newValue); this.showSVGAreas(features || []); // this.$m…

vue & lifecycle methods & this bug ES6 Arrow function & this bind bug bad fetchTableData: (url = ``, options = {}) => {} // arrow function & this bind bug! // fetchTableData: (url = ``, options = {}) => { fetchTableData (url = ``, op…

vue h render function & render select with options bug https://github.com/xgqfrms/vue/issues/41 bug vue h render function & render select how to use vue h render function to render select? https://vuejs.org/v2/guide/render-function.html let option…

ES6 Arrow Function & this bug let accHeadings = document.querySelectorAll(`.accordionItemHeading`); // NodeList(3) // let accHeadings = [...document.querySelectorAll(`.accordionItemHeading`)]; for (let i = 0; i < accHeadings.length; i++) { accHeadi…

vue & arrow function error <template> <div class="home"> <img alt="Vue logo" src="../assets/logo.png" /> <!-- <el-button type="primary" @click="goTo(`./test-one`)"> goto back…

vue & button & refs & click & bug $refs.btn.click() ??? vue & refs $refs.btn.$emit("click") https://vuejs.org/v2/api/#vm-refs https://vuejs.org/v2/api/#ref https://vuejs.org/v2/guide/components-edge-cases.html#Accessing-Child…

js arrow function return object bug filterData: { type: Object, default: () => {}, required: true, }, OK filterData: { type: Object, default: () => ({}), required: true, }, test app = () => {}; () => {} app(); undefined app = (a) => {K: a};…

js in depth: arrow function & prototype & this & constructor https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions https://hacks.mozilla.org/2015/06/es6-in-depth-arrow-functions/ https://stackoverflow.com/…

为什么叫Arrow Function?因为它的定义用的就是一个箭头: x => x * x 上面的箭头函数相当于: function (x) { return x * x; } 箭头函数 阅读: 45060 ES6标准新增了一种新的函数:Arrow Function(箭头函数). 为什么叫Arrow Function?因为它的定义用的就是一个箭头: x => x * x 上面的箭头函数相当于: function (x) { return x * x; } 在继续学习箭头函数之前,请测试你的浏览…

在学习廖雪峰前辈的JavaScript教程中,遇到了一些需要注意的点,因此作为学习笔记列出来,提醒自己注意! 如果大家有需要,欢迎访问前辈的博客https://www.liaoxuefeng.com/学习. ES6标准新增了一种新的函数:Arrow Function(箭头函数). 更简洁的语法 我们先来按常规语法定义函数: function (x) { return x * x; } 该函数使用箭头函数可以使用仅仅一行代码搞定! x => x * x 箭头函数相当于匿名函数,并且简化了函数定义.…