基于 Laravel + Vue 构建 API 驱动的 LBS 应用系列教程(十) —— 在 Vue 组件中使用 Vuex 模块

在本教程中我们将调用之前定义的 API 并使用上一篇教程中创建的 Vuex 模块,我们会在 Vue 组件中使用 Vuex 模块并加载页面所需要的数据。 第一步:设置 Home.vue 组件 在一个 API 驱动的单页面应用中,会首先加载 HTML、CSS 和 JavaScript,这意味着页面会在布局和样式加载之后才加载数据。我们所要做的就是绑定 Home 页面组件的一个声明周期钩子并加...

基于 Laravel + Vue 构建 API 驱动的 LBS 应用系列教程(九) —— 构建 Vuex 模块

在上一篇教程中,我们在 resources/assets/js/api/cafe.js 文件中通过 JavaScript 的 Axios 库构建了一些调用 Laravel 后端 API 路由的方法。在这一篇教程中我们需要将从 API 接口获取的数据保存下来以便在单页面应用中使用,而这正是 Vuex 模块可以大展拳脚的地方。 在 Vuex 文档中将 Vuex 定位成专为 Vue.js 应用...

基于 Laravel 的 Vue.js 中文学习教程 —— 计算属性

在模板中绑定表达式非常方便,但这仅限于一些简单的操作,因为模板的主要作用是用于描述视图的结构,将过多逻辑放到模板中会让其变得臃肿且不易维护,这就是为什么Vue.js限制一次只能绑定一个表达式,对于那些需要多个表达式的逻辑,需要使用计算属性。 基本示例 HTML代码: <div id="example"> a=@{{ a }}, b=@{{ b }} <...