在vue组件引入第三方普通js格式的js文件并使用

你可以使用Vue的created()和mounted()生命周期钩子函数来引入和使用第三方普通的JS文件。具体步骤如下：

1. 在Vue组件中引入需要使用的第三方JS文件。
例如，如果需要使用jquery.js，可以在组件中添加以下代码：

import $ from 'jquery'
import './jquery.js'

2. 在created()函数中定义全局变量，并将需要使用的第三方JS文件赋值给该变量。
例如，你可以在created()函数中添加以下代码：

created() {
window.$ = $
require('./jquery.js')
}

3. 在mounted()函数中调用需要使用的函数。
例如，你可以在mounted()函数中添加以下代码：

mounted() {
$(document).ready(function() {
// 在此处使用需要使用的函数
})
}

这样，你就可以在Vue组件中引入和使用第三方普通JS文件了。

相关问题

ant design vue 1.7 引入第三方组件

要在 Ant Design Vue 1.7 中引入第三方组件，可以通过以下步骤进行：

1. 安装第三方组件库，例如 Element UI，可以使用 npm 命令进行安装：`npm install element-ui --save`

2. 在 main.js 中引入第三方组件库，例如 Element UI，可以在文件头部添加以下代码：

   import Vue from 'vue'
   import ElementUI from 'element-ui'
   import 'element-ui/lib/theme-chalk/index.css'
   
   Vue.use(ElementUI)

3. 在需要使用第三方组件的 Vue 组件中，可以直接使用组件，例如：

   <template>
     <div>
       <el-button>Click me</el-button>
     </div>
   </template>
   
   <script>
   export default {
     name: 'MyComponent'
   }
   </script>

这里使用了 Element UI 中的 el-button 组件。

注意，不同的第三方组件库引入方式可能会有所不同，具体可以参考组件库的文档。另外，如果使用了多个第三方组件库，需要在 main.js 中按顺序引入并使用。

vue中如何使用第三方js文件

在Vue中使用第三方JS文件的方法如下：

1. 将第三方JS文件放置在public文件夹中，例如public/js/xxx.js。

2. 在需要使用该JS文件的Vue组件中，通过script标签引入该JS文件，例如：

<script src="/js/xxx.js"></script>

3. 在Vue组件中使用该JS文件中提供的全局变量或函数，例如：

export default {
  mounted() {
    // 使用第三方JS文件中的全局变量或函数
    window.xxx.doSomething();
  }
}

注意：在使用第三方JS文件时，需要确保该文件已经加载完成，可以在mounted生命周期中使用该文件中提供的函数或变量。同时，也需要注意该JS文件是否与Vue的版本和其他依赖库有冲突。