5、vue中export和export default的使用

 

 

1、export的使用

比喻index.js要使用test.js中的數據，首先在test.js文件中進行導出操做

代碼以下：

export function list() { alert("list"); } export function info() { alert("info"); } export let a=10;

 在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>

二、export default的使用

test.js文件

 index.js文件中:

 注意：

一個js文件是能夠有多個 export

可是一個js文件中只能有一個export default