五、vue中export和export default的使用

五、vue中export和export default的使用

一、

<script>

export default {

  name: 'HelloWorld'

}

$(function () {

  alert('引入成功')

})

</script>

一、export的使用 比喻index.js要使用test.js中的数据，首先在test.js文件中进行导出 *** 作

代码如下：

export function list()

{

    alert("list");

}

export function info()

{

    alert("info");

}

export  let a=;

在index.js文件进行导入 *** 作

代码如下：

<template>

  <div>

    <div v-show="show">HelloWorld</div>

    <button @click="handleClick">Click</button>

  </div>

</template>

<script>

import {list} from '@/components/common.js'

export default {

  name: "test",

  data() {

    return {

      show: true

    };

  },

  methods: {

    handleClick: function() {

      list();

    }

  }

};

</script>

2、export default的使用

test.js文件

index.js文件中:

注意： 一个js文件是可以有多个 export 但是一个js文件中只能有一个export default