如何在 Vue 中引入 JavaScript

在 Vue 中引入 JavaScript 的方法有多種，具體取決于 JavaScript 代碼的類型和位置。

引入外部腳本

要引入外部 JavaScript 腳本，可以使用 標簽：

<code class="html"><script src="./my-script.js"></script></code>

使用 塊

對于較小的 JavaScript 片段，可以使用 塊：

<code class="html"><script>
// 此處放置你的 JavaScript 代碼
</script></code>

使用 webpack

如果你使用 webpack 構建你的 Vue 項目，可以通過以下方式引入 JavaScript：

<code class="bash">npm install vue-loader webpack-cli --save-dev</code>

在 文件中，配置 加載器：

<code class="javascript">// webpack.config.js
module.exports = {
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader'
      },
      // 添加以下規則來處理 JavaScript 文件
      {
        test: /\.js$/,
        loader: 'babel-loader'
      }
    ]
  }
};</code>

在你的 Vue 組件中，使用 語句引入 JavaScript 文件：

<code class="javascript">// MyComponent.vue
import myScript from './my-script.js';

export default {
  data() {
    return {
      // 使用引入的 JavaScript 代碼
      myScript
    };
  }
};</code>

注意事項

確保 JavaScript 文件位于與 Vue 組件相同的目錄中。
在使用引入的 JavaScript 代碼之前，請確保它已被正確加載。
如果遇到任何問題，請檢查控制臺中的錯誤消息。