w3cTrain

Keep Moving

用过Vue,你肯定知道,Vue组件之间的通信常见的有
$dispatch - 通过冒泡的方式传递事件
$broadcast - 通过广播的方式向子孙组件传递事件

如果组件之间的关系只是父-子关系,那么dispatch,broadcast其实就足够了。
但是有天需求变了。登录成功之后,要把用户信息都填上,而需要用户信息的组件不是父组件,而是兄弟组件的后台。
那么事件传递就会变成登录组件向上dispatch到父组件,父组件通过broadcast的方式下发。

example
Read More...

上篇介绍了vue,以及在如何 Laravel 快速搭建vue环境。
这篇讲如何在 Laravel 中更深入使用Vue。

预处理

vue还支持使用预处理工具,比如jade, sass等等。
假设使用Stylus, Jade,那就npm install 一下呗

1
npm install stylus jade --save-dev
Read More...

假设你已经搭建好 Laravel 环境

Vue.js

2016年,前端框架层出不穷,做一个项目之前,我们的技术栈有了更多的选择。
Vue就是一个前端框架,类似Angular,React,Ember。

Vue.js 是一个构建数据驱动的 web 界面的库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时,Vue.js 也能完美地驱动复杂的单页应用。

—- 官方描述

如果到现在为止,你都没接触过Vue的话,那么建议你花点时间入坑

Read More...
1