Vue.js 如何在带有VueJS的组件中使用公共脚本

Vue.js 如何在带有VueJS的组件中使用公共脚本,vue.js,vue-component,Vue.js,Vue Component,当我尝试使用javascript文件中的方法时,我有一个组件(见下文)。但不是工作,正确的方法是什么 <template> <div id="test"></div> </template> <script> import myShared from '../shared.js' export default { methods: { postPost() { myShared.displayMessag

当我尝试使用javascript文件中的方法时,我有一个组件(见下文)。但不是工作,正确的方法是什么

<template>
  <div id="test"></div>
</template>

<script>
import myShared from '../shared.js'

export default {
  methods: {
    postPost() {
      myShared.displayMessage();
     }
  }
}
</script>
谢谢

  • 您可以使用mixin(但在vue.js 3中可能不推荐使用它)
  • 您可以创建任何导出函数的
    helper.js

  • 您可以查看mixin的文档:这是Vue CLI的工作吗?没什么特别想做的?是的,没什么特别的。如果你在一个单独的文件中编写mixin,你只需要将它导入到你想使用的地方?
    export default {  
      methods: {
         displayMessage: function () {
            console.log('Test')
         }
      }
    }