
vue学习记录
文章平均质量分 60
前端程序媛~柚子
认真记录每一个知识点
展开
-
渲染函数
业务场景,接口返回的数据格式是直接将数据插入到table中,展示的效果就跟接口返回的数据是一样的,很明显我们不需要标签不需要高亮的话,我们可以直接使用正则将匹配的标签掉换成空let desc = ‘币种[“USD”]放行,[“CNY”]拦截’desc.replace(/<[^>]+>/gim,’’)结果:币种[“USD”]放行,[“CNY”]拦截但是产品经理要求对于条件的部分需要高亮显示效果如下:对于普通的我们使用双大括号会将数据解释为普通文本,而非HTML,v-htm原创 2021-03-17 16:02:32 · 804 阅读 · 0 评论 -
混合模式mixin
混合模式mixin1.什么是mixin2.mixin可以用来做什么3.怎么使用1.简单点说,其实mixin就是对当前组件的扩展,可以用来分发组件的可复用功能,mixin对象可以包含任意组件选项2.比如说多个页面有一个查看功能,接口地址,展示效果都是一样的,如果不提取出来,那么每个页面都需要写一遍,把它放到mixin之后,在页面中就可以直接调用查看功能的方法了3.使用方式myMixin.jsconst myMixin = { created() { this.hello() }原创 2021-03-16 19:13:36 · 788 阅读 · 0 评论 -
ref模板引用与组合式API中模板的引用
vue2与vue3中模板引用的区别vue2中获取模板<div ref="refDom"></div>获取模板this.$refs.refDomsetup中<div ref="refDom"></div>setup(){ const refDom = ref(null) return { refDom }}//注意:模板中ref定义的值,要跟setup中返回的值相同...原创 2021-03-16 17:05:00 · 557 阅读 · 2 评论 -
vue插槽slot
vue插槽slot1.插槽是什么,先从一个简单的例子开始子组件<template> <h1> </h1></template><script>export default { name: 'SlotStudy',}</script>父组件<SlotStudy>插槽学习</SlotStudy>我们希望看到的时,浏览器中应该展示插槽学习,但是实际上什么都没有运行结果:子组件原创 2021-03-15 18:11:18 · 264 阅读 · 0 评论 -
props与非props的属性
props与非propsprops属性使用props进行组件间的数据传输,是单向数据流,即父组件向子组件使用props进行数据传输,子组件只能读取相应的值,但是不能直接对其进行改变有两种情况可能希望改变props的值1.传入时作为初始值,在子组件中希望该值作为本地的数据进行使用,在这种情况下,可以将获取的该props值存放到本地data中的一个属性中props:[title],data(){ curTitle:this.title}2.作为初始值传入,希望对其进行转换。在这种情况下,最好原创 2021-03-15 14:56:53 · 271 阅读 · 0 评论