随笔分类 - 新时代前端
摘要：比如说原数组返回了十个属性，你只想要两个，而且属性 名称还和以前的不一样，你就可以写如下类似写法： const users = result.map(item => ({ name: item.login, avatarUrl: item.avatar_url, url: item.html_url
阅读全文
摘要：一下只是举个例子， 如果你需要配置两个插件，有类似这样的代码在babelrc： 会爆出重复的错误，如下： Error: Duplicate plugin/preset detected.If you'd like to use two separate instances of a plugin,t
阅读全文
摘要：这里介绍一下适合兄弟组件和父子，祖孙组件之间的传值方式-事件总线，废话不多说，直接上代码 总结：说白了这东西就是一种发布订阅的模式，发数据的一方用$emit发，各个接听方用$on接受对应key的事件，on的时候，就选择在DOM挂在完毕以后进行监听，通过这样的事件去修改数据，完成传递工作，感兴趣的同学
阅读全文
摘要：今天在用平时很少用到的传值方式，是V2.4以后新加入属性$attrs $listener 以及inheritAttrs. 总结：这样形式的代码适合套娃模式的组件传递，却不适合兄弟组件的传值，那样的传值方式，需要创建一个事件总线，说白了就是新new一个空的vue，详见，我的第二篇日志《vue 组件传值
阅读全文
摘要：今天写react路由发现怎么都是不显示的，但是看调试器是有对应的路由组件的，代码大约是下面这个样子的 不知道上述代码大家发现了几处错误，首先，
阅读全文
摘要：这个问题是create react app 里面的package.json里面已经配置了 "babel": { "presets": [ "react-app" ] } 这样的配置，但是又在根目录下建立了一个babelrc的文件，所以导致重复，但是不可以直接删掉，不然报 编译失败 ./src/ind
阅读全文
摘要：这个关键字在v2.3.0+ 新增,注意带有 .sync 修饰符的 v-bind 不能和表达式一起使用 (例如 v-bind:title.sync=”doc.title + ‘!’” 是无效的)。说白了他就是子组件改变父组件DATA的一种方法，但是个人觉得要慎用吧，不然有容易污染组件数据的隐患， 可以
阅读全文
摘要：这里要注意一下， props之前没注意写成了 props: { wrd: '', sname:'zs' }, 这样是不能被解析成object的，所以一定要写的更具体一点的格式，例如： props: { word: { type:String, default:'' }, sname:{ type:S
阅读全文
摘要：在 css类不想使用穿透的状态，可以再webpack配置 modules:true,它位于css-loader下，此外调用css的类时可能会自动生成一个hash值，这时候如果想显示本来的名字，可以打上 localIdentName: '[local]-[hash:5]'，他同样位于css-loade
阅读全文
摘要：其中
阅读全文
摘要：在router.ts中引入.vue文件，会提示打不到module，但是编译可能成功，运行也不报错 找了好久，发现了这个答案 https://segmentfault.com/a/1190000016732576?utm_source=tag-newest 但是要注意的是 在src根目录下，新建一个s
阅读全文
摘要：const listItems = numbers.map((numbers,index)=><li key={index}>{numbers}</li>) const listItems = numbers.map((numbers,index)=>{ return <li key={index}
阅读全文
