<html>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<head>
<!-- import Vue.js -->
<script src="https://vuejs.org/js/vue.min.js"></script>
<!-- import stylesheet -->
<link rel="stylesheet" href="https://unpkg.com/iview/dist/styles/iview.css">
<!-- import iView -->
<script src="https://unpkg.com/iview/dist/iview.min.js"></script>
</head>
<body>
<!---->
<template>
<!--:columns;:data-->
<Table :columns="columns1" :data="data1"></Table>
</template>
<script>
export default {
data () {
return {
//Columns1titlekeyK-V
columns1: [
{
title: "Name",
key: "name"
},
{
title: "Age",
key: "age"
},
{
title: "Address",
key: "address"
}
],
//key
data1: [
{
name: "John Brown",
age: 18,
address: "New York No. 1 Lake Park",
date: "2016-10-03"
},
{
name: "Jim Green",
age: 24,
address: "London No. 1 Lake Park",
date: "2016-10-01"
},
{
name: "Joe Black",
age: 30,
address: "Sydney No. 1 Lake Park",
date: "2016-10-02"
},
{
name: "Jon Snow",
age: 26,
address: "Ottawa No. 2 Lake Park",
date: "2016-10-04"
}
]
}
}
}
</script>
</body>
</html>
export default keeps reporting exception: Unexpected token export, excuse me how to use vue? in my project structure Just came into contact with this