vue零散知识点总结

上篇ES5博客说过还欠一篇“bind与apply分析与比较”，在此打个log记录下，周五晚上写！

本来该篇博客是想记录为“那些日子在vue中踩过的坑”的，但是很多bug的没有好好截图，我自己也懒，不想去为了写博客就去重现bug，然后一个个截图，一个个去解释要怎么解决（感觉这样做了我会觉得我自己的智商受到了侮辱！嘿嘿），无趣！其实，有bug百度下基本上都能解决，毕竟总有前辈们去蹚过这些坑！

好了，说正事，这篇的话主要记录vue的零散知识点的，将从入门级的知识点到项目级的知识点都将记录在这，也就是该篇将持续更新中！

1、node端之所以能识别.vue文件，是因为前面说的webpack在编译时将
.vue文件中的html，js，css都抽出来合成新的单独的文件。

2、<router-view> 组件是一个 functional 组件，渲染路径匹配到的视图组件。

3、脚手架vue-cli搭建完成后，会生成一些文件，总结学习一下这些文件是做什么用的：Vue-cli搭建完，各文件解释

• 一级目录：

　　build和config文件夹是wbepack配置的文件夹；

　　node_modules是在我npm install后存放一些依赖和插件的文件夹；

　　src是存放我们项目源码的文件，通常我们的vue组件就写在这里，其中main.js是页面的入口文件，初始化vue实例并使用需要的插件【插件router、resource等】，而App.vue看作是一个大组件，也就是整个页面的vue实例文件；

　　static是存放第三方静态资源的，比如css的reset.css等等。

• 二级目录：

　　.babelrc是Es6语法的一些转换配置，其中presets是预设，plugins是转换的插件，comments的值如果为false，表示转换后不生成注释；
　　.editorconfig是编辑器的配置，它配置了一些语言，缩进的风格大小，换行符风格等等；
　　.eslintignore是忽略语法检查的目录文件，一般是build/*.js、config/*.js这两个文件；
　　.eslintrc.js是eslint的配置文件，其中extends: 'standard'表示标准规则，如：要求===之类的；‘rule’表示配置具体的规则，我们改eslint就在这个下面进行修改，如：// 没有分号就报错 'semi': ['error', 'always']或者忽略某种检查，将值设为0即可；
　　index.html是入口文件，js和css会被动态的插入这个文件；
　　package.json定义了整个项目所需要的这种模块，以及项目的配置信息。