vue 页面的js代码多，怎么把js做成独立的文件，然后引用进来

vue 页面的js代码多，怎么把js做成独立的文件，然后引用进来

作者项目介绍

项目类型：vue脚手架搭建的项目

路由形式：单页路由

第一步：把页面的js代码，复制到独立的文件中,

文件名为：diy_index.js

export default {
  components: {
    Header,
  },
  data() {return { name:'cplvfx'}},
  created() {},
  methods: {},
};

第二步：页面引用

<script>
import diy_index from "../static/js/diy_index";
export default {
  data:diy_index.data,
  created:diy_index.created,
  methods:diy_index.methods,
}
</script>

html代码如下

<template>
  <div id="box">
    {{name}}
  </div>
</template>

---

延伸阅读

vue 页面的css样式代码多，怎么把css样式代码做成独立的文件，然后引用进来；以及style的scoped标签介绍以及scoped穿透介绍

vue 页面的css样式代码多，怎么把css样式代码做成独立的文件，然后引用进来；以及style的scoped标签介绍以及scoped穿透介绍_cplvfx的博客-CSDN博客vue 页面的css样式代码多，怎么把css样式代码做成独立的文件，然后引用进来；以及style的scoped标签介绍以及scoped穿透介绍https://blog.csdn.net/cplvfx/article/details/125521371