博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【Laravel 5.5 + Vue 2.x + Element 2.x】使用Vue.js配合Laravel开发
阅读量:6614 次
发布时间:2019-06-24

本文共 687 字,大约阅读时间需要 2 分钟。

请首先按照完成Laravel的基本了解和安装。

然后在根目录下的package.json文件中将vue的版本改成你希望使用的版本(Laravel 5.5 默认使用2.1.10),然后执行npm install.

也可以,直接npm install, 然后再运行npm install vue安装最新的稳定版vue.

Laravel中默认有vue example files。

/js                          这个目录js的源码目录,Vue的代码都放在这里。

/js/components      这个目录下存放的是Vue单文件组件。

js/bootstrap.js        所有的js依赖都写在这个文件里。

js/app.js                 这个文件是Vue的入口文件。

将welcome.blade.php内容改为:

并将app.js中

Vue.component('example-component',require('./components/ExampleComponent.vue'));

改为

Vue.component('example',require('./components/ExampleComponent.vue'));

(也可以只改welcome.blade.php中的example,我这是测试改了example后是否也可行)

命令行中执行npm run watch, 就会编译css 和js到public中,然后打开浏览器可以看到如下页面:

vue的使用没有问题的话,

接下来安装Element UI, 现在已经有2.0 alpha 版了。

npm i element-ui@next -S

转载地址:http://wnoso.baihongyu.com/

你可能感兴趣的文章
Linux 配置SSH信任
查看>>
【九度OJ1352】|【剑指offer41】和为S的两个数字
查看>>
《android-文件大小》
查看>>
HTTPS的工作原理
查看>>
PhoneGap使用PushPlugin插件实现消息推送
查看>>
Boyer-Moore 算法介绍
查看>>
Hi~属于程序猿的专属锦鲤来了 | 转发这条锦鲤,薪水蹭蹭涨!
查看>>
关于Java中的单例模式
查看>>
Swift之GCD开线程通用模版
查看>>
datepicker
查看>>
我的友情链接
查看>>
如何在FalconStor中为主机分配磁盘
查看>>
Linux常用命令
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
Java AES算法和UNIX下openssl之间的加解密
查看>>
我的友情链接
查看>>
实验7:路由器的口令设置和口令恢复
查看>>
基于vCenter/ESXi平台CentOS 6.8系统虚拟机Oracle 12c RAC双节点数据库集群搭建
查看>>
未来的云上趋势—XaaS
查看>>