vue.js父组件使用外部对象的方法示例
最近在碰到有同学问我，vue父组件怎么使用外部对象，具体例子如下：
有组件a：
<div @click="onClick">component a</div>
// componet a
...
methods: {
onClick(evt) {
// doSomething 这里只能拿到 mouseEvent
this.outsideClickHandler(evt); // 调用外部处理函数
}
}
...
有组件B，引用组件a，并传入outsideClickHandler方法：
<v-componetA :outside-click-handler="onClick">componentB</v-componetA>
对以上这种封装是组件库中再常见不过的封装了，实际使用中，有时候会需在component B传入component A的outsideClickHandler方法中使用component B中的数据对象，而component的代码又不能更改，这时候怎么办呢？
其实解决方案也是非常简单，但是有时候我们会"执迷不悟"。
废话不说，上代码!
// componet b
...
data() {
a: {} // 数据
},
methods: {
onClick(evt) {
// 关键在于返回一个函数哦
return (evt) => {
// 这里也可以直接闭包使用
console.log(this.a);
}
}
}
...
总之,对于vue函数来说，当无法直接传入参数的时候，可以考虑闭包实现，本文所说的也只是一个简单例子，js的函数作为一等公民还有很多有趣的应用。
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对小牛知识库的支持。
-
问题内容： 假设我有一个具有子组件的主Vue实例。是否可以从Vue实例外部完全调用属于这些组件之一的方法？ 这是一个例子： 因此，当我单击内部按钮时，该方法绑定到其click事件，因此将被调用。无法将事件绑定到外部按钮，我正在使用jQuery监听其单击事件，因此我需要其他一些调用方法。 编辑 看来这可行： 但是，这不是一个好的解决方案，因为我是通过子数组中的索引来引用该组件的，而对于许多组件而言，
-
本文向大家介绍Vue.js组件间的循环引用方法示例，包括了Vue.js组件间的循环引用方法示例的使用技巧和注意事项，需要的朋友参考一下 什么是组件： 众所周知组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。下面话不多说了，来一起看
-
问题内容： 我想从React元素的实例中调用React组件公开的方法。 例如，在此jsfiddle中。我想从参考中调用该方法。 有没有一种方法可以实现而无需编写其他包装程序？ 编辑 （从JSFiddle复制的代码） 问题答案： 有两种访问内部函数的方法。一个实例级别，如您所愿，另一个静态级别。 实例 您需要在从返回时调用函数。见下文。 静态的 看一下ReactJS Statics。但是请注意，静态
-
本文向大家介绍Vue.js父与子组件之间传参示例，包括了Vue.js父与子组件之间传参示例的使用技巧和注意事项，需要的朋友参考一下 例子：App.vue为父，引入componetA组件之后，则可以在template中使用标签（注意驼峰写法要改成componet-a写法，因为html对大小写不敏感，componenta与componentA对于它来说是一样的，不好区分，所以使用小写-小写这种写法）。
-
问题内容： 我有一个非常简单的Java类，它使用输入验证以及明显的void set（）和String get（）方法来有效地装饰Map。 我希望能够有效地调用这些方法并从JVM外部处理返回值和异常，但仍在同一台计算机上 更新：我想到的调用者不是另一个JVM； 谢谢@戴夫雷 我的实施注意事项很典型 性能 易于实施和维护（简单吗？） 可靠性 灵活性（例如，我可以从远程计算机上拨打电话等） 有“正确的方
-
本文向大家介绍Vue.js 父子组件通信的十种方式，包括了Vue.js 父子组件通信的十种方式的使用技巧和注意事项，需要的朋友参考一下 面试官：Vue 中父子组件通信有哪些方式？ 自己先想一分钟。 无可否认，现在无论大厂还是小厂都已经用上了Vue.js 框架，简单易上手不说，教程详尽，社区活跃，第三方套件还多。真的是前端开发人员必备技能。而且在面试当中也往往会问到关于 Vue 方面的各种问题，其中