![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 83
Wu_Candy
这个作者很懒,什么都没留下…
展开
-
Vue 组件间通信方式:自定义事件
前言前期分享的测试开发系列!Vue 组件间通信方式汇总,总有一款适合你( 5分钟教程-附项目实战案例 )中介绍了 3 种组件间的通信方法,分别是:props全局事件总线消息订阅与发布今天给大家分享第 4 种组件间的通信方法:自定义事件适用于:子组件给父组件传递数据使用方法例如:Student.vue组件是School.vue组件的子组件, 子组件Student.vue想要将学生姓名传递给父组件School.vue第1种方法:ref标识School.vue组件内容如下<templa原创 2022-07-10 11:31:50 · 755 阅读 · 0 评论 -
Vue强大的插件功能,你也可以自定义实现想要功能!
使用插件1. 注册插件注意:(1). 先在文件中使用语句导入插件(2). 再使用进行全局注册插件注意:在组件内部具体使用插件定义的功能时,需要使用的形式,与 内置的指令是同样的使用方法,切记不能直接通过的形式使用。注意:1.因为文件中定义了混合,且整个是在文件中进行了全局注册所以每个组件的下都会有两个属性值,如果相同的属性名,则以组件内部自定义的为准。2.插件本质是用于增强,包含方法的一个对象,的第一个参数是,第二个以后的参数是插件使用者传递的数据。插件的使用步骤如下:欢迎关注公众号,回复Pytho原创 2022-07-06 21:32:22 · 976 阅读 · 0 评论 -
Vue 组件代码优化: 公共配置抽离成 Mixin 混合( 附超详细使用教程 )
前言有过开发经验的同学都知道,为使代码层次结构清晰分明,对于一些通用或常用的方法,都会将其抽象成公共方法或配置供使用者调用。例如:在做 Python 自动化测试过程中,经常需要连接数据库,进行增、删、改、查的操作。add.py文件是给数据库添加数据的update.py文件是更新数据库数据的delete.py文件是删除某个条件下的数据库数据的后期可能在 add.py 文件中增加本次添加的数据进行删除的操作,这种情况下你觉得把数据库配置及操作代码写在哪合适呢?1.add.py,update.py,原创 2022-07-02 18:08:00 · 1079 阅读 · 0 评论 -
Vue webStorage 浏览器本地存储数据(附项目实战案例!)
前言前期分享的 200行纯前端Vue代码!教你写一个专属TodoList【零基础友好】公众号后台回复:todo,即可获得项目完整源码基础数据是硬编码在代码里的,相当于是写死在代码中,具体代码内容如下(核心代码片段)。App.vue文件export default { //给当前组件命名为:App name:'App', //注册引入的子原创 2022-06-28 21:56:29 · 1159 阅读 · 0 评论 -
Vue 组件间通信方式汇总,总有一款适合你( 附项目实战案例 )
前言前期分享的 200行纯前端Vue代码!教你写一个专属TodoList【零基础友好】这个项目案例中使用的组件间通信方式是通过 事件绑定与props 接收来实现的,具体使用方式将在下面进行详细介绍,先说说这种方式来实现组件间的通信有什么缺点。缺点:以 200行纯前端Vue代码!教你写一个专属TodoList【零基础友好】 项目案例中的最外层组件 App.vue 的这段代码里的:checkTodo事件来看。因为 App.vue 组件的子组件 ListItem.vue 需要调用 App.vue原创 2022-06-28 21:41:47 · 715 阅读 · 0 评论