vue定义公用方法字段（mixins）

已于 2022-07-22 11:47:20 修改
阅读量376 收藏
点赞数
分类专栏： vue 文章标签： 前端 开发语言 vue.js
于 2022-07-22 11:37:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/love_weiai/article/details/125928911
版权

创建公用的js文件

 定义抛出的字段名

因为我用的vue2  在data中定义公用的字段

methods 中定义公用的方法  

使用

 

使用import引入此js文件

然后使用mixins引入js定义的抛出的字段名

 

文件中定义的方法 字段 可直接使用

但是需要注意   如果已经定义的字段   不要再vue文件中再次定义  否则会报错提示字段重复定义

注：公用文件内字段没有缓存   不会出现第二个页面文件获取到第一个页面文件中的字段  

久爱@勿忘
关注
专栏目录
前端开发：Vue混入(mixin)的使用
软贱开发攻城狮
09-17 2238
在前端开发中，作为开发者关于Vue框架的使用不必多说，Vue的框架也是目前最为好用的框架之一，虽然Vue3.0已经成为了主流版本（Vue2.0和Vue3.0还是有不少差别的），但丝毫不影响开发使用。本篇博文分享一个关于Vue相关的比较重要的知识点----混入(mixin)，该内容在实际开发中比较常用，也比较重要，所以需要灵活运用，尤其是刚接触Vue不久的开发者甚为重要。
实现VUE input新增输入时用户敏感信息脱敏
megamind0430的博客
04-22 4813
近日接到需要输入用户信息的同时进行信息脱敏的需求，平时的脱敏只在展示时用到过，边输入边脱敏，本小白直接蒙了。难点在于，vue动态绑定的值不能脱敏后传给后端，需要传输客户填写的真实数据。研究一番最后决定采用“双input框”方法，通过区分展示值和真实值的方式，让接口传真实值，而页面展示脱敏后的数据。 那么下面就分三部分介绍：第一部分 脱敏JS方法第二部分 双input 元素第三部分 真实值展示值转化 第一部分 脱敏JS方法 这里利用了vue的mixin混入策略，将脱敏的方法写成公共的，方便其他模块公用。 .
Vue 通过公共字段,拼接两个对象数组的实例
10-16
今天小编就为大家分享一篇Vue 通过公共字段,拼接两个对象数组的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue公共字符串的设置和使用
weixin_41033048的博客
09-07 393
//main.js写入 Vue.prototype.NM = 'http://192.168.0.235:8012'; //this.NM this.$axios.get(this.NM + "/index/user/getUserInfo", { params: { user_id: 3 } }) .then(func...
在前端 vue3项目中注册一个全局使用的字段
最新发布
galaxyJING的博客
09-24 240
在 Vue 3 项目中，你可以通过创建一个自定义的全局应用实例来注册一个全局使用的字段。这样，你就成功地在 Vue 3 项目中注册了一个全局使用的字段。在前端 vue3项目中注册一个全局使用的字段。
Vue实现用户自定义字段显示数据
CodingNoob
05-18 5915
代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&
Vue 通过公共字段，拼接两个对象数组
XiChuan的博客
12-27 7188
前端需要展示两个字段，工资项与工资值。因为后台数据原因，后端是将这两个数据分开返回，这边我需要将这两个数组拼接到一个数据。 直接上代码。 1.HTML部分 <html lang="zh"> <head> <meta charset="UTF-8"> <title>工资查询</title> &
vue3增加字段
weixin_44130964的博客
08-24 867
字段增加
.vue文件怎么写html,.vue文件书写规范
weixin_36354924的博客
06-17 1603
template 模块1. 标签上不要写多余的属性(默认就是以 html 来解析)2. template 里 html 标签上的属性书写规则2.1 超过一个属性时，属性换行对齐；2.2 v-xx指令放最前，自有属性放最后；v-model="form.imageCode"type="text"class="hf-input"placeholder="请输入验证码"/>2.3 v-xx指令排序...
前端一面常见vue面试题汇总
bb_xiaxia1998的博客
02-27 354
的问题主要有三个：Proxy的优势如下:proxy详细使用点击查看(opens new window)Object.defineProperty的优势如下:defineProperty的属性值有哪些 相关代码如下 只会代理对象的第一层，那么又是怎样处理这个问题的呢？监测数组的时候可能触发多次get/set，那么如何防止触发多次呢？组件通信的方式如下：父组件通过向子组件传递数据，子组件通过和父组件通信 2. 子组件向父组件传值 绑定一个自定义事件，当这个事件被执行的时就会将参数传递给父组件，而父组件通过监
vue面试题、react面试题大全、ES6等....
sdh19981202的博客
10-09 4889
自己整理的一些面试题： 1、promise是用来做什么的？ 答：它是一个对象，用来传递异步操作的信息。 2、promise三个状态？ Pending：进行中，Resolved：已完成，Reject：已失败 3、promise优缺点？ 优点：可以通过.then解决回调地狱的问题，通过try-catch解决问题捕获 数组去重的常用方法 1.es6的set方法 var arr = [1,1,8,8,12,12,15,15,16,16]; function unique (arr) { retu
Vue之封装公用变量以及实现方式
10-15
主要介绍了Vue之封装公用变量以及实现方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue3 + Ant Design Vue 可搜索 自定义字段 a-tree
Wannaer的博客
11-15 2143
实现自定义字段需要使用Tree props的 replaceFields 属性。
vue——自定义创建公共方法或变量、混入（mixins）方法
肖的博客
01-31 2964
官方文档： Vue.js 的插件应该有一个公开方法 install。这个方法的第一个参数是 Vue 构造器，第二个参数是一个可选的选项对象： MyPlugin.install = function (Vue, options) { // 1. 添加全局方法或属性 Vue.myGlobalMethod = function () { // 逻辑... } // 2. 添加全...
动态表单（ 自定义字段进行新增 vue3）
qq_38210427的博客
08-29 572
启用：是否显示必填： 是否校验。
vue 类型字段除了用select框_vue与jsx碰撞的火花
weixin_39832965的博客
12-13 290
最进在写一个vue项目，刚开始考虑是不是用jsx和vue结合来搞，减少代码量，项目中一些公用的组件，用jsx语法重新包裹，这样方便很多，而且使用jsx语法更加的灵活，然后把公用组件注入到根组件里去，每个页面可以直接引用，这样，组件的功能性和扩展性就很强，感觉是一种很爽的vue开发方式，然后就这样做了，以下就介绍一下基本流程。之前，推荐阅读一篇介绍，首先 vue 中默认是不支持 JSX 的，我们需要...
Vue.mixin 设置共用字段，要考虑不能全局污染，犯的一个错误写下里
weixin_39897287的博客
03-06 499
我一开始是这样使用的：（nuxt环境下建立的项目） 建立一个tool.js文件，放在plugins文件夹里面，然后在nuxt.config.js中设置一下：（和vue的main.js设置的原理一样） 然后我在tool.js文件中这样写是不对的： 因为这样会造成全局污染，任何一个页面都不能用到orderStatusList这个字段了，而且暂用的空间也很多，产生字节浪费。其实我可以这样写： ...
vue3中无定义的字段，在编辑器中爆红
qq_33323381的博客
02-07 199
vue3中interface额外字段
Vue知识解析
qq_45849275的博客
04-11 125
1.vue初识 渐进式的框架 单页面应用(SPA) 核心功能 允许采用简洁的模板语法来声明式的将数据渲染进DOM 的系统 2.框架设计模式 设计模式 单例模式 工厂模式 代理模式 发布订阅模式 观察者模式 3. 指令功能 v-bind 绑定vue标签 或者 组件的属性 v-if/v-show 条件渲染 控制显示隐藏 v-if 条件为真才会显示,否则隐藏 => 移除元素        v-on 绑定事件 缩写 @ 点击显示图片 v
Vue深度解析：Mixins与插件开发实战
"Vue如何使用混合Mixins和插件开发详解" 在Vue.js中，混合(Mixins)是一种强大的工具，用于实现组件之间的代码共享和复用。它允许开发者定义一组可复用的功能，并将其合并到多个组件中。下面将详细解释Vue的混合...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值