随笔分类 -  vue

摘要:vue中直接在src中使用拼接路径是无效的,需要加上require:, :src="require(‘路径’+参数)"才能有效的显示图片 查看elements之后会发现,src被当做静态资源处理了,并没有进行编译。所以就需要通过require或者import来引入。 require是在运行时加载,而 阅读全文
posted @ 2022-08-18 16:33 莉莉安~ 阅读(3229) 评论(0) 推荐(0)
摘要:简单来说,v-if 的初始化较快,但切换代价高;v-show 初始化慢,但切换成本低 1.共同点 都是动态显示DOM元素 2.区别 (1)手段: v-if是动态的向DOM树内添加或者删除DOM元素; v-show是通过设置DOM元素的display样式属性控制显隐; (2)编译过程: v-if切换有 阅读全文
posted @ 2018-07-06 17:40 莉莉安~ 阅读(262) 评论(0) 推荐(0)
摘要:1、computed和methods 共同点:computed能现实的methods也能实现; 不同点:computed是基于它的依赖进行缓存的。computed只有在它的相关依赖发生变化才会重新计算求值。 而只要它的相关依赖没有发生变化,多次访问会立即返回之前的计算结果,而不必再次执行计算。相比之 阅读全文
posted @ 2018-06-20 16:49 莉莉安~ 阅读(2540) 评论(0) 推荐(1)
摘要:1.this.$router.push() 描述:跳转到不同的url,但这个方法会向history栈添加一个记录,点击后退会返回到上一个页面。 用法: 2.this.$router.replace() 描述:同样是跳转到指定的url,但是这个方法不会向history里面添加新的记录,点击返回,会跳转 阅读全文
posted @ 2018-06-20 16:11 莉莉安~ 阅读(57252) 评论(2) 推荐(2)
摘要:1) 路由配置传参方式在配置路由时 例如 "/firewall/authorize/:uid/:uname/:token"页面url为 http://XXX.com/firewall/authorize/23/zhangman/232454 js 接收方式 this.$route.params.ui 阅读全文
posted @ 2018-06-19 16:42 莉莉安~ 阅读(7001) 评论(0) 推荐(1)
摘要:方法 1.父组件调用子组件:ref(在子组件中加上ref即可通过this.$refs.ref.method调用) 2.子组件调用父组件:emit(this.$emit(调用的方法名,传递的参数)) 数据 1.父组件传给子组件:props 2.子组件传给父组件:emit 共享采用vuex 其他可用导入 阅读全文
posted @ 2018-06-19 10:27 莉莉安~ 阅读(371) 评论(0) 推荐(0)