<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 { //在脚本中，我们在表格中定义的数据和表头都需要在这里进行绑定，下面是一些假数据，其中Columns1中的title表示列明，key表示K-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' }, {export default 一直报异常:Unexpected token export,请问我的项目结构如何使用vue? 刚接触这个
3 回答
慕斯王
TA贡献1864条经验 获得超2个赞
你通过script方式引入的vue，里面又使用export default，这是es6的语法，未编译是不能在浏览器直接运行的。如果你要html方式就是目前的方式，语法格式是
var app=new Vue({
el:"#app",
data:{
message:'hello'
},
created:function(){
},
mounted:function(){
},
methods:{
}
})
而如果要写成export default方式，你可以使用vue-cli。你这应该是对js不熟悉，对vue不熟悉导致的。
守候你守候我
TA贡献1802条经验 获得超10个赞
添加回答
举报
0/150
提交
取消