es6js가 아닌 파일을 vue에 도입하는 방법

비 ES6 JS 파일을 Vue에 도입하려면 파일 경로의 스크립트 태그를 가리키도록 src 속성을 생성 및 설정하고 유형 속성을 "text/javascript"로 설정하면 됩니다. ES6 이외의 JS 파일이 CommonJS 모듈을 내보내는 경우 Object.sign을 사용하여 이를 내보내기 기본 개체에 할당해야 합니다.

Vue에 비 ES6 JS 파일 도입

Vue에서는 script 태그를 사용하여 비 ES6 JS 파일을 도입할 수 있습니다. script 标签来引入非 ES6 JS 文件。

步骤：

1. 创建 script 标签：在 Vue 组件模板中，创建一个 script 标签。
2. 指定非 ES6 JS 文件路径：在 script 标签中，使用 src 属性指定非 ES6 JS 文件的路径。
3. 设置 type 属性：将 script 标签的 type 属性设置为 "text/javascript"。

示例：

<code class="html"><template>
  <div></div>
</template>

<script>
  // 引入 non-es6.js 文件
  import nonES6Js from './non-es6.js';
</script></code>

注意点：

• 确保非 ES6 JS 文件导出一个名为 default 的对象或函数。
• 如果非 ES6 JS 文件包含 CommonJS 模块，则需要使用 Object.assign 将其分配给 export default

단계:

스크립트 태그 생성:

Vue 구성 요소 템플릿에서 스크립트 태그를 생성합니다. 🎜

🎜ES6 이외의 JS 파일에 대한 경로 지정: 🎜스크립트 태그에서 src 속성을 ​​사용하여 ES6 이외의 JS 파일에 대한 경로를 지정합니다. 🎜

🎜유형 속성 설정: 🎜스크립트 태그의 type 속성을 ​​"text/javascript"로 설정합니다. 🎜🎜🎜예: 🎜🎜

<code class="javascript">// non-es6.js
module.exports = {
  foo: 'bar'
};</code>

🎜🎜참고: 🎜🎜

• ES6 이외의 JS 파일이 default라는 개체 또는 함수를 내보내는지 확인하세요. 🎜
• ES6 이외의 JS 파일에 CommonJS 모듈이 포함되어 있는 경우 Object.sign을 사용하여 내보내기 기본 개체에 할당해야 합니다. 🎜🎜🎜🎜예(CommonJS): 🎜🎜

  <code class="html"><template>
    <div></div>
  </template>
  
  <script>
    // 引入 non-es6.js 文件
    import nonES6Js from './non-es6.js';
  
    // 分配 CommonJS 模块
    export default Object.assign({}, nonES6Js);
  </script></code>

  rrreee

위 내용은 es6js가 아닌 파일을 vue에 도입하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!