如何进行vue中mixin的使用
发表于:2024-10-28 作者:千家信息网编辑
千家信息网最后更新 2024年10月28日,这期内容当中小编将会给大家带来有关如何进行vue中mixin的使用,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。vue之mixin的使用作用:在引入组件之后,则是将
千家信息网最后更新 2024年10月28日如何进行vue中mixin的使用
这期内容当中小编将会给大家带来有关如何进行vue中mixin的使用,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。
vue之mixin的使用
作用:在引入组件之后,则是将组件内部的内容如data等方法、method等属性与父组件相应内容进行合并。相当于在引入后,父组件的各种属性方法都被扩充了
data数据的等访问原则:若是使用mixin的当前组件有该 data数据 或者 methods方法的话 直接运用的是当前组件的数据或者方法,否则的话直接继承mixin内部的数据与方法
注意点:可以定义共用的变量,在每个组件中使用,引入组件中之后,各个变量是相互独立的,值的修改在组件中不会相互影响
注意点2:mixin是在引入组件之后与组件中的对象和方法进行合并,相当于扩展了父组件的data数据与方法等,可以理解为形成了一个新的组件
mixin之中的data数据访问
mixin / index.js
export default { data () { return { msg: "我是mixin内的msg" } }, created () { }, mounted () { }, methods: { }}
Home.vue
在Home组件中使用mixin
home -- {{ msg }}/* home修改的msg */
About2.vue
about2 -- {{ msg }}/* about2修改的msg */
mixin中的 methods方法和computed使用
mixin / index.js
export default { data () { return { msg: "我是mixin内的msg" } }, created () { }, mounted () { }, computed: { UserName () { return "我是计算属性的UserName"; }, }, methods: { tipMsg () { console.log("minxin内的tipMsg方法", this.msg); }, tipInfo (info) { console.log("minxin内的tipInfo方法", info); } }}
Home.vue
home --- msg-{{ msg }} UserName-{{ UserName }}/* home --- msg-home修改的msg UserName-我是计算属性的UserName */
About2.vue
about2 -- {{ msg }} UserName-{{ UserName }}/* about2 -- about2修改的msg UserName-我是计算属性的UserName */
上述就是小编为大家分享的如何进行vue中mixin的使用了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注行业资讯频道。
方法
组件
数据
属性
内容
变量
页面
分析
专业
中小
之中
作用
内容丰富
原则
对象
就是
文章
是在
更多
知识
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
大学生网络安全案例分析1000字
全部服务器
徐州专业软件开发团队
华为网络技术工程师社招
网络安全培训什么文凭
数据库员工表
存储服务器磁盘阵列用普通盘
卡布西游服务器太卡
数据库查询招收学生的学院
计算机网络技术一体化教程
映美讯机顶盒改服务器
数据库一对多案例
dede栏目存在数据库
峰潮互联网科技有限公司
服务器抗投诉
boa服务器搭建
金融科技与中国互联网
江苏智能软件开发大全
软件开发和技术服务成本核算
网络安全日青少年答题
安装网络安全软件的实验报告
2018电信网络安全宣传周
宝可梦不同服务器能交换吗
java软件开发好
节目数据库主要提供
app软件开发百度百科
网络技术是一种概念技能那
苏州嘉蓝网络技术有限公司
网络安全意识小报内容
盾钰科技互联网有限公司