laravel5.7+vue+element-ui配置及简单使用

安装laravel5.7框架

打开终端，输入以下命令

composer create-project laravel/laravel element-ui

这里因为我在上一篇文章中已经新建了一个Nested Set项目，所以我就不再新建了，直接拿来用，有不明白的参考上一篇文章！

安装npm包

cnpm install    //我一般用cnpm，这个是淘宝镜像，国内速度快

安装好后，多出来了一个node_modules文件夹如下图：

node_modules

到这里，其实就可以直接运行项目了，命令：

cnpm run dev

完成后生成了一些编译后的css和js文件，结果如下：

app.js

安装并引入element-ui

安装element-ui

cnpm i element-ui -S

先来测试下Vue组件

打开reresources/js/components目录，我们会看到lavavel自带的一个.vue后缀的example文件：

<template>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card card-default">
                    <div class="card-header">Example Component</div>

                    <div class="card-body">
                        I'm an example component.
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {