2019-01-05 vue项目生僻知识点小结

额,写点东西,这些知识不是vue项目的系统架构知识,那些知识都放在项目中和脑子里了,这里写出来太庞大,所以就不写了,总结一些开发中遇到的困难点吧。

1安装element-ui

2019-01-05 vue项目生僻知识点小结_第1张图片

2组件名:驼峰和--法

2019-01-05 vue项目生僻知识点小结_第2张图片

3:常用的npm命令:

2019-01-05 vue项目生僻知识点小结_第3张图片

4:对象合并:

2019-01-05 vue项目生僻知识点小结_第4张图片
对象合并

5:axios简单的get请求

2019-01-05 vue项目生僻知识点小结_第5张图片
get请求

axios简单的post请求:


2019-01-05 vue项目生僻知识点小结_第6张图片
post请求

axios中的delete请求


2019-01-05 vue项目生僻知识点小结_第7张图片
delete稍有不同哦

6:native修饰符


2019-01-05 vue项目生僻知识点小结_第8张图片
native只对组件有用

7:重新加载:

    情景:增伤改查页面不更新问题

    方法一:强制重新加载 

2019-01-05 vue项目生僻知识点小结_第9张图片

缺点体验不好

方法二:

2019-01-05 vue项目生僻知识点小结_第10张图片
2019-01-05 vue项目生僻知识点小结_第11张图片

跳到一个空白页在跳回来,费劲不好。

方法三:provide / inject 组合 方式是我试过最实用的,下面用项目截图给大家说明下:首先,要修改下你的app.vue

2019-01-05 vue项目生僻知识点小结_第12张图片

通过声明reload方法,控制router-view的显示或隐藏,从而控制页面的再次加载,这边定义了。

然后在需要当前页面刷新的页面中注入App.vue组件提供(provide)的 reload 依赖,然后直接用this.reload来调用就行:

2019-01-05 vue项目生僻知识点小结_第13张图片

后续继续补充,叮叮叮.

你可能感兴趣的:(2019-01-05 vue项目生僻知识点小结)