vue调用组件和程序集的方法

vue调用组件和程序集的方法

vue.js里面，代码复用，可以采用组件形式；如果是js方法复用，不涉及UI，当然也可以像之前那样，直接引用js文件。

如果采用组件，可以采用映射（this.$refs）的方式来引用组件中methods里的方法。js文件则不必多言。

1、组件Com2.vue

2、程序集methods.js

export default { say(s) { let what = s ? s : '挺住！你定会度过难关！'; alert(what) }}

3、调用它们的页面

4、运行结果

2021.07.13 以上调用组件方法，是父组件或页面调用子组件的模式。那么子组件如何调用父组件的方法呢？

一、子组件调用父组件方法

方法类似：

this.$parent.方法名()

子组件也可以通过发射将事件传递给父组件，父组件接收后触发相关动作。

二、子组件触发父组件

子组件：

父组件或包含子组件的页面

三、父组件把方法传入子组件中

我觉得不是很好，不说也罢。

参考文章：​​​Vue子组件调用父组件的方法​​

2021.07.16

import js，如

import methods from './methods.js'

在浏览器中调试，定位methods时会提示该对象未定义。但是并不影响methods.say()这个方法执行。真是奇怪。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。