视频学习Vue-仿APP学习笔记

1.目录分析

build,config为配置目录

webpack.base.conf.js的resolve下设置

注：此处自定义路径作者用的是path模块的API的方法，此join非JS的join

根据图示设置后components就能代替一段路径了，这个在文件调用多的时候会体现出来

static目录为第三方静态资源，内有默认.gitkeep文件，防止目录为空，可以上传至仓库

src项目文件

transform-runtime 为ES6语法转换插件

主目录下文件功能：

.editorconfig : 代码风格，缩进等

.eslintignore : 忽略eslint代码检查的目录

.eslintrc.js : eslint 的配置文件

2.eslint

在 ‘rules’下

‘semi’: [“error”, “never”]

“never”: 不允许有分号；

“always”: 必须有分号（语句结束时）；

还有一种是直接设置’semi’: 0

则不检测分号问题，所有属性都可以设置0为不检测

不过这也不检测，那也不检测，干脆就别用好了。。个人建议还是设置一种吧

通过使用注释单独忽略以下代码检测 no-new（必须赋予变量）

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  render: h => h(App)
})

3.Vue 技巧

v-for用作判断

    <div v-for="boo"></div>

如上代码所示浏览器会判断boo是否为真，若不为真，则此div不显示

例如项目中有个区块不是每条数据都有，用此判断，没有不会报错，有则渲染，体验立马上来了

持续更新中…