vue iview 使用问题
<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? 刚接触这个
holdtom3回答
-
慕斯王
你通过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不熟悉导致的。 -
守候你守候我
首先报啥异常得说清楚，另外如何使用vue iview这个问题方向有点大，一两句话说不清楚，建议去官方文档上好好看下。要用好这些东西，不是跟写简单的js脚本一样，虽然不知道为什么这样写，但是知道这样写可以实现自己想要的效果，需要好好研究下才行。 -
沧海一幻觉
你为什么要用export default呢,它又不是单独的组件。你如果这样使用的话,你可以用vue-cli搭建一下工程项目。
随时随地看视频慕课网APP
相关分类
JavaScript