tnblog
首页
视频
资源
登录
原

Vue小坑坑好多呀！！！

5498人阅读 2020/10/31 20:43 总访问：3467516 评论：2 收藏：0 手机
分类: 前端

坑一

Vue3.0的模版，2.0不配

坑二

如果数组里面它没有结果，就会报错 ex:

  1. const routes = [
  3. ]

必须要去掉换行

坑三

针对于js的一些文件的注释，能写成/* */就不要写//

坑四

自定义组件后，在路由注册后，发现报了个错

在 router.js 中的components去掉s

(未完待续….)

处理语法

重上述来看有大部分都是由于语法错误造成,当我们使用右键格式化的时候,就会自动帮我们补全符号,但是,有些符号在eslint中就会报语法错误,那我们需要怎么办呢?可以通过.prettierrc来进行文件配置

在文件的根目录建一个.prettierrc文件,在文件里写上如下代码:

  1. {
  2.     "semi": false,    // 使用分号, 默认true
  3.     "singleQuote": true,   // 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号)
  4.     "bracketSpacing": true   // 对象中的空格 默认true
  5. }

如果上述使用后都还有问题的话可以在vue ui—>任务—>输出可以看到其中有一个灰色的语法Tag如：（space-before-function-paren）

如果想去掉，我们可以找到.eslintrc.js文件下的rules,添加一行'space-before-function-paren': 0,然后重新编译就没有了


欢迎加群讨论技术，1群：677373950(满了，可以加，但通过不了)，2群：656732739

评价

饰心

2019/4/11 16:22:42

贴上效果图，更赞

回复

Vue.js+Layer实现表格数据绑定与更新
一：使用Vue.js绑定好数据与更新事件 使用v-on绑定好事件,在事件里边直接把该行数据传递进去，在更新方法里边就可以直接...

Vue.js 实现省市联动
HTML代码<divid="pro_citys"> 省:<selectid="provice"v-on:change="prochange()&quo...

Vue.js常见问题
一：花括号当做字符串显示的问题1：检查下绑定到vue.js的id是否重复，如果id重复了，就有可能存在这种问题，因为有可能把数...

Vue.js常用指令
v-html可以把字符串当成一个html来渲染，而不是原样输出Html类似.net mvc中的@Html.Raw()方法<divv-html="item.tit...

干货！div滚动到一定位置就固定他。Vue中实现一侧滚动到底部就固定
尊重原创：转载请注名出处div滚动到一定位置就固定他，例如左边的内容很多，右边的内容很少，如果不处理滚动到一定位置后右...

Vue.js常用指令，事件绑定等，Vue过滤器解析状态过滤器多个参数。Vue表格状态解析。Vue解析类型，element ui解析类型，状态，el-tag
按照html的编码显示：v-html<div class="font_info" v-html="item.Content">{{item.Content}}&l...

Vue.js if用法
vue.js if可以做一些判断例如我们要把下面这个输出varvm=newVue({ el:"#content", data:{ titles:["小明...

Vue.js 学习日记第一章-安装Vue开发环境
官网：https://cn.vuejs.org/v2/guide/ 这是一篇学习性文章，不定时更新，用来记录我学习vue.js的过程。 首先，是v...

Vue.js 学习日记第二章-在Vue中编写function及一些简单指令
官网：https://cn.vuejs.org/v2/guide/ vue.js 学习日记第一章：http://www.tnblog.net/18323015640/article/details/2...

Vue.js 学习日记第三章-Vue中的简单事件及事件修饰符
官网：https://cn.vuejs.org/v2/guide/ vue.js 学习日记第二章：http://www.tnblog.net/18323015640/article/details/2...

Vue.js 学习日记第四章-Vue中文本框数据获取与绑定及computed计算属性
官网：https://cn.vuejs.org/v2/guide/ vue.js学习日记第三章： http://www.tnblog.net/18323015640/article/details/2...

Vue.js 学习日记第五章-v-if和v-for指令的使用方式
官网：https://cn.vuejs.org/v2/guide/ vue.js学习日记第四章： http://www.tnblog.net/18323015640/article/details/2...

Vue.js 学习日记第六章-Vue组件初步学习
官网：https://cn.vuejs.org/v2/guide/ vue.js学习日记第五章： http://www.tnblog.net/18323015640/article/details/2...

Vue.js学习日记第七章-搭建脚手架
官网：https://cn.vuejs.org/v2/guide/ vue.js学习日记第六章： http://www.tnblog.net/18323015640/article/details/2...

Vue实现好友选中效果
逛过vue官网肯定会发现一个有趣的指令“v-for”，相比与以前拼接html代码确实要上档次一点，而且减少了工作量，先看一波效...

js时间格式化Vue.js时间格式化，带T 时间格式化

也可以借助moment库， 参考：https://www.tnblog.net/aojiancc2/article/details/8079moment库有点大，推荐可以使用day.js...
这一世以无限游戏为使命！
博主信息
排名
2
文章
634
粉丝
44
评论
93
文章类别
最新文章
最新评价
docker中Sware集群与service
尘叶心繁 : 想学呀！我教你呀
一个bug让程序员走上法庭 索赔金额达400亿日元
叼着奶瓶逛酒吧 : 所以说做程序员也要懂点法律知识
.net core 塑形资源
剑轩 : 收藏收藏
映射AutoMapper
剑轩 : 好是好，这个对效率影响大不大哇,效率高不高
ASP.NET Core 服务注册生命周期
剑轩 : http://www.tnblog.net/aojiancc2/article/details/167
关于我们
ICP备案 ：渝ICP备18016597号-1
网站信息：2018-2025TNBLOG.NET
技术交流：群号656732739
联系我们：contact@tnblog.net
公网安备：50010702506256
欢迎加群
欢迎加群交流技术