![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Paroxetiner
你送我的打火机丢了,所以我戒烟了
展开
-
Vue中的scoped及穿透方法
何为scoped?在vue文件中的style标签上,有一个特殊的属性:scoped。当一个style标签拥有scoped属性时,它的CSS样式就只能作用于当前的组件,也就是说,该样式只能适用于当前组件元素。通过该属性,可以使得组件之间的样式不互相污染。如果一个项目中的所有style标签全部加上了scoped,相当于实现了样式的模块化。scoped的实现原理vue中的scoped属性的效果主要通过PostCSS转译实现,如下是转译前的vue代码:<style scoped>.e原创 2020-12-24 18:34:43 · 287 阅读 · 1 评论 -
webpack错误大集合
1.You may need an appropriate loader to handle this file type.这个是在开发过程中比较常见的错误,就是少了一个loader用于解析对应的文件2.UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function这是我在使用webpack打包css时,出现的一个错误,导致css无法打包原因是 css-loader 和 st..原创 2020-12-24 18:32:35 · 1004 阅读 · 0 评论 -
2020-12-24
父组件中使用子组件出了点问题,最开始我发现是因为标签名称写错了修正之后发现还是不行最后的原因尽然是因为我导入了别的vue文件,导致的找不到这个子组件的定义。原创 2020-12-24 00:51:12 · 57 阅读 · 0 评论 -
vscode 报错“ Support for the experimental syntax ‘jsx‘ isn‘t currently enabled ”
这个问题解决的太快了,也太模糊了没留下截图好像是因为没局部安装vue?好像是,当时我可能终端是全局的,就把vue安装到全局去了。原创 2020-12-24 00:48:51 · 3169 阅读 · 0 评论 -
当使用vscode创建vue相关代码的时候,怎么自动补全
要在vscode安装这两个插件,在下面的文本框中输入你所要安装的插件名进行安装。第一个可能都有第二个就显得尤为关键了,现在应该是vue3了原创 2020-12-24 00:18:44 · 5022 阅读 · 0 评论 -
2020-12-24
没时间给大家写文案了,我先记下来出的错误。这个是因为第一次创建.vue文件,没有对应的loader解析这时候只要下载一下就行了npm install vue-loader vue-template-compiler --save-dev在配置一下(这个在webpack官网里面没有相关的代码,仿照css-loader的配置即可) { test: /\.vue$/, use: ['vue-loader'] }但是再次打包的时原创 2020-12-24 00:15:22 · 74 阅读 · 0 评论 -
2020-12-23
遇见这个就是说你的终端用错了没有到指定的文件夹开终端原创 2020-12-23 22:44:14 · 52 阅读 · 0 评论 -
webpack导入vue遇到的问题
废话不多说,直接上步骤1.终端输入指令npm install vue --save这里我们是不加“-dev”的,因为加上的-dev是开发环境;我们不仅仅是在开发环境中依赖他,在发布到服务器的时候我们还是要依赖这个,所以直接使用生产环境就可以了(save前面一个-,两个-好像都可以)。2.在main.js里面写vue,在index.html里面使用,重新打包,运行发现出现报错这是因为vue有两个不同的构建版本runtime-only:代码中不可以有任何template(el挂原创 2020-12-21 15:18:48 · 230 阅读 · 1 评论 -
关于file-loader的配置问题
不要配置你只要按照官网上的配置,就会加载不出图片来F12检查之后,发现图片自动走了url-loader,但是图片又超过了大小限制,虽然没有报错,但是加载不出来。但是想着把大图片规范化的话,又要在option里面添加相关的属性。这时添加到url的配置里就可以了。我有个想法:url-loader和file-loader应该是存在冲突,有了url-loader就不用配置file-loader了,他俩可以共用一个option。...原创 2020-12-20 00:49:16 · 759 阅读 · 1 评论 -
VScode中EasyLess插件不能把less文件自动转变为css文件
这几天正在B站学习数据可视化的知识,老师用的Vscode,我就也下了一个。看着他写了一个less文件直接同级目录下边就自动出现了一个同名的css文件。根据弹幕,我去下载了一个Easy Less插件,下载完成好了之后,我就新建了一个less文件,但是怎么也成功不了。CSDN上各类大佬的文章一个也不行,后来经过各方打探,终于在今天上午解决了第一,在扩展包搜索 less ,找到 easy less第二,安装完记得重启第三, 文件 > 首选项 > 设置第四, 在扩展里面找到Easyl原创 2020-10-06 12:15:46 · 7820 阅读 · 17 评论 -
cssloader报错,UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function
初学者在学习webpack中容易踩一个版本过高的坑这是我在使用webpack打包css时,出现的一个错误,导致css无法打包原因是 css-loader 和 style-loader 版本过高解决方法:这是我原来的package.json的版本信息现在我手动下调了一下版本 "css-loader": "^3.3.0", "style-loader": "^1.0.0"然后再命令行中 依次输入:npm installnpm dev重新安装项目依赖,然后再次使用w原创 2020-12-17 13:56:36 · 210 阅读 · 0 评论 -
Vscode npm start报“npm ERR! enoent ENOENT: no such file or directory, open ‘C:\Users\package.json‘”
npm start报找不到package.json,查了代码没问题命令也没问题,怎么回事呢。弄了半天才发现是没有进入我的项目的文件夹,直接在最开始的终端输入的npm start。解决办法就是进入想要启动的项目的文件夹的终端,再运行npm start XXX...原创 2020-12-17 13:49:21 · 888 阅读 · 0 评论 -
什么叫“暴露”?
每次开发前后端对接的时候,总有人说“你把你的XXX暴露给我就行了”一直听不懂今天,学习vue的模块化的时候,突然明白了这个概念(可能不对,大佬别笑)为了避免不同文件里同名全局变量造成的混乱,我使用了闭包但是这样原来的全局变量就变成了局部变量,在别的文件中无法调用,代码的复用性大大降低最后的最后,我使用了模块化思想,在闭包里面创建了一个对象,将我需要的变量和方法统统放到了对象里面,创建一个变量接住这个方法的返回值;这样我们就可以直接调用这个对象的某个属性来使用别的文件中的变量这样就原创 2020-12-10 14:47:49 · 1348 阅读 · 0 评论 -
javascript 中,function 方法前面一个分号是啥意思
通常是用在立即调用之前。但是并不是因为他是立即调用函数,而是为了文件合并的安全。比如zhuan你有两个文件,a.js 和 b.js,里面都是一个立即调用函数://a.js(function(){})()//b.js(function(){})()如果你在构建过程中把两个文件压缩之后连接到一起,就变成了(function(){})()(function(){})()这样就出了问题,所以为了避免这个问题,你可以在 b.js 最前面加一个分号。(...原创 2020-12-10 10:49:31 · 448 阅读 · 0 评论 -
vue报错:Component template requires a root element, rather than just text
今天在学习vue父组件访问子组件的遇到了一个怎么都解决不了的问题,网上的大佬们更是一到这种时刻就不食人间烟火,从各种机制、原理给我解释的脑瓜子嗡嗡的先说一下呢我的目的,视频的老师总是用vue本体作为父组件(当然是可以的),我就想直接写一个父组件,在写一个子组件就出了这个问题最后的我发现了这个就是没写 #template: "cpn1",修改template: "#cpn1",这就可以了...原创 2020-12-07 16:40:06 · 4875 阅读 · 4 评论 -
解决vue的computed里面for循环报错
这段时间跟着codewhy学习vue,但是在computed章节中,写了一个for循环老师的没问题我的出现了这样的问题就是说,for这个东西,系统不认识我说你这不是扯吗,我从“hello world”开始就学for循环,你现在和我说你不认识他?我的代码是这样写的看起来啥毛病都没有,但是就是报错和老师的比对一下,也没啥问题;然后我就从vscode换成了webstrom;报错了就是let后面的那个地方,不能用逗号!!!!!!得用分号;是因为我的vscode原创 2020-11-26 10:45:15 · 3483 阅读 · 1 评论 -
解决F12后,Invalid handler for event “click“:问题
不用想别的就是单词写错了!!!!不是methods写成了motheds,就是少写了s原创 2020-10-24 15:19:22 · 299 阅读 · 1 评论 -
npm start报“npm ERR! enoent ENOENT: no such file or directory, open ‘XXX\XXX\package.json‘”
不用想别的,就是没在项目所在的文件夹里npm install如果你一看:没错啊,就是这个文件啊唯一的可能就是你真正的文件和这个文件的上层文件名字一样了,你丫的看错了没错!这就是我干的事...原创 2020-10-16 11:04:12 · 983 阅读 · 0 评论 -
实现fontsize的全局适配,如何嵌入vue框架?
window.onload=function(){varwhei=$(window).width()$("html").css({fontSize:whei/20})}window.onresize=function(){varwhei=$(window).width()$("html").css({fontSize:whei/20})}记住...原创 2020-10-15 09:53:22 · 576 阅读 · 0 评论