专栏首页小闫笔记Vue脚手架搭建项目中的坑

Vue脚手架搭建项目中的坑

代码敲累了

要多留些时间给身边的她

她也不容易鸭

醒醒,你还是个单身狗呢!

Vue 框架如同 Python 中的 Django 框架一样,让一切操作变得超级简单,只需在规定的目录下书写规定的代码即可,至于如何运作,框架自己搞定。此篇文章仅用于记录 Vue 项目中的一些小坑。

我发现 Vue 这个框架真的超级严格,不按规定书写代码,就报错给你看!这与 Python 不同,在 Python 中大多数人都会遵循 PEP8 ,但毕竟只是规范,除了一些中大型企业会去 review 代码,小型企业都是随缘,全凭编程人员习惯。

虽然动不动就报错,但是好在报错信息超级丰富,可快速定位,除了逻辑问题,其他问题均可快速定位解决。

1.空行坑

Vue 中,每个文件代码都必须以空行结尾!否则提醒你:

Newline required at end of file but not found
# 结尾未看到规定的空

注意,还只能是一行,要不然会提示:

Too many blank lines at the end of file. Max of 0 allowed
# 结尾的空行太多了,超出最大限制

2.字符串的坑

Python 中字符串,可以是单引号、双引号,还可以是三引号。但如果在你的 js 文件中向这样写道:

export default {
  name: "CopClass",
  data () {
    return {
      msg: '今晚吃什么'
    }
  }
}

它会提示:

  ✘  http://eslint.org/docs/rules/quotes  Strings must use singlequote
  src/components/EnterPage.vue:13:9
    name: "CopClass",

瞧,告诉你字符串必须使用单引号,还指出了具体的位置。

3.空格坑

data 传递参数 msg 时,可要注意,下面的几种情况都会报错:

// first
  data() {
    return {
      msg: '今晚吃什么'
    }
  }
// second
  data (){
    return {
      msg: '今晚吃什么'
    }
  }
// third
  data () {
    return{
      msg: '今晚吃什么'
    }
  }

程序会及时告诉你某某处缺少空格,请核查。有没有很贴心的赶脚。

本文分享自微信公众号 - 全栈技术精选(Pythonnote),作者:小闫同学啊

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-12-15

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Django&DRF重点内容大盘点

    本文只是将学习过程中需要深刻记忆,在工作中常用的一些命令或者知识点进行一个罗列并阐释,不会全面的将所有内容进行讲解。大家可以在了解了Django框架和DRF框架...

    小闫同学啊
  • flask框架(一)

    框架就是一个项目的半成品,我们做项目的时候只需要按照框架约定要求,在指定位置写上自己的业务逻辑代码。

    小闫同学啊
  • GIL锁、深浅拷贝、模块导入和上下文管理器

    模块在搜索时,根据 sys 模块中定义的 path 变量中保存的路径进行搜索

    小闫同学啊
  • DartVM服务器开发(第十六天)--Jaguar使用JWT

    JWT(Json Web Token)Json网络令牌,是基于Json的开放标准,是一个用私钥编码和签名的JSON数据,由于它已签名,因此无法篡改数据。在存在私...

    rhyme_lph
  • C# params关键字

    1、params关键字的作用 (1)、使用 params关键字可以指定一个方法参数,该方法参数的数目可变。 (2)、可以发送参数声明中所指定类型的逗号分隔的参数...

    郑小超.
  • P1877 [HAOI2012]音量调节

    题目描述 一个吉他手准备参加一场演出。他不喜欢在演出时始终使用同一个音量,所以他决定每一首歌之前他都需要改变一次音量。在演出开始之前,他已经做好一个列表,里面写...

    attack
  • 经典论文复现 | 基于标注策略的实体和关系联合抽取

    过去几年发表于各大 AI 顶会论文提出的 400 多种算法中,公开算法代码的仅占 6%,其中三分之一的论文作者分享了测试数据,约 54% 的分享包含“伪代码”。...

    用户1386409
  • 机器学习入门 5-4 向量化

    本系列是《玩转机器学习教程》一个整理的视频笔记。前一小节实现了简单线性回归,但是性能比较低。本小节主要介绍使用向量化的方式提升性能。

    Chenkc
  • 身份证校验(c++实现)

    我国国标〖GB 11643-1999〗中规定:公民身份号码是18位特征组合码,由十七位数字本体码和一位数字校验码组成。排列顺序从左至右依次为:六位数字地址码,八...

    用户2038589
  • 雅虎开源CaffeOnSpark:基于Hadoop/Spark的分布式深度学习

    用户1737318

扫码关注云+社区

领取腾讯云代金券