一、首先来看下v-show 与 v-if 的区别 1、共同点：当为false时，两者渲染的标签都不显示，当条件不成立时，其所对应的标签元素都不可见 2、不同点： ①.v-if在条件切换时，会对标签进行适当的创建和销毁，而v-show则仅在初始化时加载一次，因此v-if的开销相对来说会比v-show大。 ②.v-if是惰性的，只有当条件为真时才会真正渲染标签；如果初始条件不为真，则v-if不会去渲染标签。v-show则无论初始条件是否成立，都会渲染标签，它仅...
项目：PC端网站 工具：前端:Vue 后端:PHP 请求和接口：axios & nginx 1.问题： 在开发用户登录功能时，使用Vue的devServe代理跨域请求后端接口时多出了一次请求， POST 请求被转为了 GET 请求，并且在这个过程中传入的参数也被清除了。但是使用Postman测试接口时完全正常。（如图）既然postman访问正常，那么我推测问题导致的原因应该是前端axios的配置问题，但经过一天的百度谷歌疯狂搜索，很多解决方案都没有用。正当我心态即将炸...
Vue中的nextTick涉及到Vue中DOM的异步更新，感觉很有意思，特意了解了一下。其中关于nextTick的源码涉及到不少知识，很多不太理解，暂且根据自己的一些感悟介绍下nextTick。一、示例 先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。 模板<div class="app"><div ref="msgDiv">{{msg}}</div><div v-if="msg1">Message got outside $nextTick: {{msg1}}</div><div v-if="msg2">Message got inside $nextTick: {{msg2}}</di...
们再项目中经常会遇到这么些情况，兄弟组件之间的传值。 比如说一个组件内的按钮触发了兄弟组件的<audio>标签，从而播放背景音乐。另一个组件触发了暂停，从而暂停背景音乐。 这个时候就会用到$on和$emit了。 使用 $on(eventName) 监听事件 使用 $emit(eventName) 触发事件 $emit 1、this.$emit（‘自定义事件名’,要传送的数据）； 2、触发当前实例上的事件，要传递的数据会传给监听器； $on 1、VM.$on('事件名',callback) ---cal...
目录 一、引入public中的img 二、引入assets中的img 三、通过require()函数动态引入路径 四、css中background属性通过url()函数引入路径 五、css中background属性通过url()函数 动态 引入路径 六、通过组件动态引入路径 七、组件引入public中的路径 八、组件引入外部图片链接推荐<el-image>组件，其详细介绍见：https://element.eleme.cn/#/zh-CN/component/image 一、引入public中的img二、引入assets中的img三、通过require()函数...