随笔分类 - 前端知识
摘要：网上太多写法都是错的，本人亲测后，如下写法有效，依然需要一个install的函数： 组件： <template> <div> 我是组件 </div> </template> <script> export default { } </script> <style scoped> div{ font-
阅读全文
摘要：可以参考如下文章 https://juejin.im/post/5cbc40ea6fb9a068b65e2aa6， 大致流程如图，但是有个问题是link的as用法写成as=script的时候并不能下载资源，这和我config配置了 config.plugins.delete("preload");
阅读全文
摘要：使用CDN如下： <script src="https://cdn.bootcss.com/vue/2.6.11/vue.min.js"></script> <script src="https://cdn.bootcss.com/vue-router/3.1.3/vue-router.js"></
阅读全文
摘要：调试vue程序的时候发现F12以后vue-devtools没有出现在工具栏中，总结一下有如下两点原因， 1.cdn引用vue的时候需要确保引用的是vue.js而不是vue.min.js 2.main.js入口文件中写入如下配置 const isProd = process.env.NODE_ENV
阅读全文
摘要：在安装 react-app-rewired 并且进行了一些相关配置后，发现如果运行就会报 Cannot find module 'react-dev-utils/crossSpawn' 错误，这时候按网上说的删除了node_modules发现还是报错， 这时候删除了package-local.jso
阅读全文
摘要：一开始了解了一下网上说什么静态文件不能用post只能用get访问，所以后来配置了nginx的反向代理，虽然在vue的devserver可以配置proxy，但是那只针对于开发环境，生产环境无效，具体代码如下，希望可以帮助大家： server { listen 8082; server_name loc
阅读全文
摘要：在调用后台API的URL地址上， /api/user/1 类似这样的地址，但是到了浏览器编译后发现斜杠之间有 %E2%80%8B这样的字符导致了调用接口出现404 的错误，这个在用光标移动的时候会明显发现到了特殊字符的地方是无法移动的而且无法显示在屏幕上，这时候只要按拖一下删除键就可以删除这样奇怪的
阅读全文
摘要：比如说原数组返回了十个属性，你只想要两个，而且属性 名称还和以前的不一样，你就可以写如下类似写法： 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路由发现怎么都是不显示的，但是看调试器是有对应的路由组件的，代码大约是下面这个样子的 不知道上述代码大家发现了几处错误，首先，
阅读全文
摘要：开发中遇见了 vue.runtime.esm.js:1888 DOMException: Failed to execute 'setAttribute' on 'Element': ')' is not a valid attribute name. at baseSetAttr (http://
阅读全文
摘要：这里有一篇文章写得很全面，为了防止丢失，所以原文拷贝下来：、 最近ひたすら既存のVueプロジェクトのTypeScript化をやっているのでメモとしてまとめます。 （2019/09/09 追記）vue-class-componentはvue3のRFCから外されたようで、現在は、Composition
阅读全文
摘要：https://blog.csdn.net/ailusummer/article/details/83988946 https://blog.csdn.net/ailusummer/article/details/84025779
阅读全文
摘要：部分代码如下： 父组件： <coupon :modifyFlag.sync="flag" /> data() { return { flag:0 }; 子组件: <div class="receive" @click="changeTest">领取</div> import Vue from "vu
阅读全文
摘要：实例代码： 参考： https://www.cnblogs.com/frogblog/p/9040775.html
阅读全文
摘要：https://www.51xuediannao.com/javascript/jshqyddpmgdhkddsbcc_1021.html
阅读全文
摘要：在vue的方法里面写事件的时候比如写一个路由跳转，方法大概如下： goBack1() { console.log(this); this.$router.back(); } 正常情况下只要你使用了vue-router都没问题，但是在TS中由于对类型检查是很严格的，所以就算最终可使用。但是在编译器上会
阅读全文
摘要：https://blog.csdn.net/hansexploration/article/details/80314948
阅读全文
浙公网安备 33010602011771号