猿问

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? 刚接触这个

holdtom
浏览 751回答 3
3回答

慕斯王

你通过script方式引入的vue，里面又使用export default，这是es6的语法，未编译是不能在浏览器直接运行的。如果你要html方式就是目前的方式，语法格式是var app=new Vue({&nbsp; &nbsp; &nbsp; el:"#app",&nbsp; &nbsp; &nbsp; data:{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; message:'hello'&nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; created:function(){&nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; mounted:function(){&nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; methods:{&nbsp; &nbsp; &nbsp; }&nbsp; })而如果要写成export default方式，你可以使用vue-cli。你这应该是对js不熟悉，对vue不熟悉导致的。
0

守候你守候我

首先报啥异常得说清楚，另外如何使用vue iview这个问题方向有点大，一两句话说不清楚，建议去官方文档上好好看下。要用好这些东西，不是跟写简单的js脚本一样，虽然不知道为什么这样写，但是知道这样写可以实现自己想要的效果，需要好好研究下才行。
0

沧海一幻觉

你为什么要用export default呢,它又不是单独的组件。你如果这样使用的话,你可以用vue-cli搭建一下工程项目。
0
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答