Vue.js
js文档Node.jsVue.jsReactjQueryES2015(es6)angularjscss3动画vbs最新电影flutter微信小程序C教程java教程C++教程C#教程php教程sql教程mysql教程android教程ios教程python教程正则表达式

vue.js什么是混入

发布时间：2022-05-22 发布网站：脚本宝典
脚本宝典收集整理的这篇文章主要介绍了vue.js什么是混入，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

vue.js混入是定义了一部分可复用的方法或者计算属性，混入对象可以包含任意组件选项，当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。

vue.js什么是混入

本教程操作环境：windows10系统、vue2.4.2，本文适用于所有品牌的电脑。

【相关文章推荐：vue.js】

混入 (mixins)定义了一部分可复用的方法或者计算属性。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。

来看一个简单的实例：

<!DOCTYPE htML>
<html>
<head>
<;meta charset="utf-8">
<tITle>Vue 测试实例</title>
<script src="https://cdn.statiCFile.org/vue/2.4.2/vue.min.js"></script>
</head>
<body>
<div id = "databinding"></div>
<script type = "text/javascript">
VAR vm = new Vue({
el: &#39;#databinding',
data: {
},
methods : {
},
});
// 定义一个混入对象
var myMixin = {
created: function () {
this.startmixin()
},
methods: {
startmixin: function () {
document.write("欢迎来到混入实例");
}
}
};
var component = Vue.extend({
mixins: [myMixin]
})
var component = new Component();
</script>
</body>
</html>

选项合并：

当组件和混入对象含有同名选项时，这些选项将以恰当的方式混合。

比如，数据对象在内部会进行递归合并，在和组件的数据发生冲突时以组件数据优先。

注意点：

（1）就是 混入对象中 你设置了个data属性，里面各种属性值， 组件里也有个data属性，那么混入对象和组件对象的data值会进行合并，重名的以组件数据有限；

（2）同名钩子函数，都会被调用，而且混入对象的钩子在组件自身钩子之前调用；

全局混入

格式为：

Vue.mixin({ // 混入函数 })

注意！ 慎用，一旦使用全局混入对象，会影响到所有之后创建的vue实例。使用恰当时，可以为自定义对象注入处理逻辑。

相关免费学习推荐：JavaScript（视频）

以上就是vue.js什么是混入的详细内容，更多请关注脚本宝典其它相关文章！

脚本宝典总结

以上是脚本宝典为你收集整理的vue.js什么是混入全部内容，希望文章能够帮你解决vue.js什么是混入所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
标签：vue.js混入
猜你在找的Vue.js相关文章
其他相关热搜词更多
phpjavapython程序员loadpost-format-gallerydivString参数开发ListcapMapClass工具安装SQL数据库资源this
全站导航更多
html5HTML/XhtmlCSSXML/XSLTDreamweaver教程Frontpage教程心得技巧JavaScriptASP.NETPHP编程正则表达式AJAX相关ASP编程JSP编程编程10000问CSS/HTMLFlexvbsDOS/BAThtahtcpythonperl游戏相关VBA远程脚本ColdFusionMsSqlMysqlmariadboracleDB2mssql2008mssql2005SQLitePostgreSQLMongoDB星外虚拟主机华众虚拟主机Linuxwin服务器FTP服务器DNS服务器Tomcatnginxzabbix云和虚拟化bios系统安装系统系统进程Windows系列LINUXRedHat/CentosUbuntu/DebianFedoraSolaris红旗Linux建站经验微信营销网站优化网站策划网络赚钱网络创业站长故事alexa域名photoshop教程摄影教程Fireworks教程CorelDraw教程Illustrator教程Painter教程Freehand教程IndesignSketch笔记本主板内存CPU存储显卡显示器光存储鼠标键盘平板电脑安全教程杀毒防毒安全设置病毒查杀脚本攻防入侵防御工具使用业界动态Exploit漏洞分析
最新Vue.js教程
热门Vue.js教程