fb vue之坑的记录

day 1
1.如果在<style>标签里面混合使用空格与tab，会出现got eos错误。
2.如果组件之间被复用的话，生命周期钩子不会被调用
3.给某元素添加点击事件，给组件添加ref属性，则可以在Javascript中通过this.$refs.name调用这个组件

day2
1.可以在组件上用:挂载数据来进行数据传递但是不能直接用@添加事件，可以在外面加个容器，在容器上用@添加事件
2.单页面应用通过绝对定位absolute以及router-view来进行路由页面的切换
3.通过路由切换页面有两种方法，一是正常的使用router-link以及router-view，通过注册路由来渲染。二是对元素添加@click事件，对需要展示的页面隐藏，利用this.$router.push('')添加路由，然后在组件用this.$route.path检测URL的变化，决定是否show页面。
4.children的路径不需要加‘/’，找了好久…
5.表单下拉框可以设置appearance样式来取消掉其默认样式

day3
1.this.$nextTick与mounted结合起来使用，意思是将组建挂载到DOM文档后，可以利用DOM方法访问整个文档。
2.单页面应用，一般用的是router-view视图渲染组件，然后设置组件为绝对定位覆盖其他组件，达到类似于切换页面的效果。但是如果父元素的高度过大，有可能无法完全覆盖。这样就要充分利用好生命周期函数以及各种钩子，比如mounted时用DOM让某元素display为none，然后beforeDestroy时将其display设置为block
3.文字溢出用..省略的方法

white-space: nowrap
text-overflow: ellipsis
overflow: hidden    

day4
1.基本上所有的浏览器出于安全方面的考虑，是不允许在脚本中获取input file的完整路径的，而且如果是上传文件，服务器获取的是文件内容而不是文件路径

day5
1.如果npm run dev的过程中发现错误，不妨检测一下是不是电脑已经运行了一个服务器了。