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的过程中发现错误,不妨检测一下是不是电脑已经运行了一个服务器了。