鉴于该篇文章阅读量大，回复的同学也挺多的，特地抽空写了一篇 vue2.0 下的 vuex 使用方法，传送门：使用 Vuex + Vue.js 构建单页应用【新篇】 华丽的分割线 原文地址：https://coligo.io/learn-vuex-by-building-notes-app/ 前言：在
转载
2020-04-03 20:50:00
91阅读
2评论
鉴于该篇文章阅读量大，回复的同学也挺多的，特地抽空写了一篇 vue2.0 下的 vuex 使用方法，传送门：使用 Vuex + Vue.js 构建单页应用【新篇】 华丽的分割线 原文地址：https://coligo.io/learn-vuex-by-building-notes-app/ 前言：在
转载
2020-04-03 23:51:00
69阅读
2评论
前言：在最近学习 Vue.js 的时候，看到国外一篇讲述了如何使用 Vue.js 和 Vuex 来构建一个简单笔记的单页应用的文章。感觉收获挺多，自己在它的例子的基础上进行了一些优化和自定义功能，在这里和大家分享下学习心得。在这篇教程中我们将通过构建一个笔记应用来学习如何在我们的 Vue 项目中使用 Vuex。我们将大概的过一遍什么是 Vuex.js，在项目中什么时候使用它，和如何构建我们的 Vu
原创
2021-05-24 14:31:28
201阅读
在现代Web开发中，单页面应用（SPA）因其优秀的用户体验和高效的性能而备受欢迎。Vue.js，作为一个轻量级且易于上手的前端框架，结合Vue Router，为开发者提供了一个强大的路由系统，用于构建SPA的导航系统。本文将深入探讨Vue.js路由的基本概念、配置、使用以及高级特性，帮助开发者更好地理解和应用这一功能。一、Vue Router的基本概念Vue Router是Vue.js的官方路由管
使用 Vuex + Vue.js 构建单页应用【新篇】 在去年的七月六号的时候，发布了一篇 使用 Vuex + Vue.js 构建单页应用 的文章，文章主要是介绍 vuex 的基本使用方法，发现对大部分的入门同学有很大的帮助，时至今日还有很多同学不断的点赞与收藏，浏览量最高达到 20.4K 。鉴于前
转载
2020-05-10 14:31:00
65阅读
2评论
第11章 单页应用11.1 单页应用什么是单页应用单页应用(single page web application，SPA)，是在一个页面完成所有的业务功能，浏览器一开始会加载必需的HTML、CSS和JavaScript，之后所有的操作都在这张页面完成，这一切都由JavaScript来控制。单
原创
2022-03-03 15:03:38
182阅读
第11章 单页应用11.1 单页应用什么是单页应用单页应用(single page web application，SPA)，是在一个页面完成所有的业务功能，浏览器一开始会加载必需的HTML、CSS和JavaScript，之后所有的操作都在这张页面完成，这一切都由JavaScript来控制。单页应用优缺点优点操作体验流畅完全的前端组件化缺点首次加载大量资源(可以...
原创
2021-08-17 17:47:44
601阅读
# Vue.js渲染页面
Vue.js是一个用于构建用户界面的渐进式JavaScript框架。它提供了一个专注于视图层的解决方案，让开发者可以更轻松地构建交互式的Web应用程序。在本文中，我们将详细介绍Vue.js的渲染页面过程，并提供相应的代码示例。
## 渲染页面的基本流程
Vue.js的渲染页面过程可以分为以下几个步骤：
1. 创建Vue实例：首先，我们需要创建一个Vue实例，以便于
原创
2023-08-10 04:12:00
294阅读
# 使用Vue.js实现登录页面
## 1. 概述
在本文中，我将向你介绍如何使用Vue.js实现一个简单的登录页面。Vue.js是一种流行的JavaScript框架，用于构建用户界面。它具有轻量级、灵活和易于学习的特点，非常适合用于构建交互性强的页面。
## 2. 实现流程
首先，我们来看一下整个实现登录页面的流程。下面是一个流程图，描述了实现登录页面的主要步骤。
```mermaid
原创
2023-08-24 07:58:00
572阅读
所谓单页应用，指的是在一个页面上集成多种功能，甚至整个系统就只有一个页面，所有的业务功能都是它的子模块，通过特定的方式挂接到主界面上。它是AJAX技术的进一步升华，把AJAX的无刷新机制发挥到极致，因此能造就与桌面程序媲美的流畅用户体验。开发框架 ExtJS可以称为第一代单页应用框架的典型，它封装了
原创
2021-07-30 15:23:22
374阅读
组件系统是 Vue.js 另一个重要概念，因为它提供了一种抽象，让我们可以用独立可复用的小组件来构建大型应用。如果我们考虑到这点，几乎任意类型的应用的界面都可以抽象为一个组件树：在 Vue 里，一个组件实质上是一个拥有预定义选项的一个 Vue 实例：// Define a new component called todo-itemVue.component('todo-item', {...
原创
2021-07-07 14:03:56
165阅读
组件系统是 Vue.js 另一个重要概念，因为它提供了一种抽象，让我们可以用独立可复用的小组件来构建大型应用。如果我们考虑到这点，几乎任意类型的应用的界面都可以抽象为一个组件树：在 Vue 里，一个组件实质上是一个拥有预定义选项的一个 Vue 实例：// Define a new component called todo-itemVue.component('todo-item', {...
原创
2022-03-24 11:12:46
123阅读
# Vue.js 生成静态页面
在Web开发中，前端框架变得越来越流行。Vue.js是一个轻量级的JavaScript框架，用于构建交互式的用户界面。与许多其他前端框架不同，Vue.js也可以用于生成静态页面。本文将介绍如何使用Vue.js生成静态页面，并提供一些示例代码。
## 什么是静态页面？
静态页面是在服务器上预先生成的HTML文件。与动态页面相比，静态页面不需要服务器端处理，可以直
原创
2023-07-23 17:13:07
2378阅读
引言
Vue.js 是一个用于构建用户界面的渐进式框架。与其它大型框架不同，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，易于学习且集成到现有项目中。本文将探讨 Vue.js 的基本概念、主要特点以及如何开始使用它来构建现代 Web 应用。Vue.js 的核心概念
响应式系统：Vue 使用细粒度的响应式机制来自动追踪依赖关系，并在数据变化时高效地更新 DOM。
组件化：Vue
本篇文章主要是我在开发前研究了webpackue.js的单页面应用，因为需要用到node的npm，所以确保安装了nod
原创
2022-04-06 11:27:36
456阅读
前段时间接到一个开发任务，涉及到路由跳转，并且伴有参数传递。于是猝不及防的掉入了$router的坑。在使用this.$router.push跳转路由的时候，涉及到两种传参方式，需要注意的是，params参数需要使用name来引导，query参数需要使用path来引导。例子如下：方式一： 页面A: 使用query，需要使用path引导，以get方式传递数据。url地址栏格式
转载
2023-07-05 21:59:50
217阅读
最近遇到一个问题 突然要一个单页面的项目 用惯了Next.js 而 create-react-app 又不推荐且不灵活 最终找发现Nextjs也
我有一个项目用了Vue.js来构建单页应用程序。随着上线日期的临近，性能优化的工作变得越来越重要。在本文中，我收集了有关在加载时间和渲染性能方面提高Vue.js应用性能的所有知识。使用Vue.js，你可以快速构建单页应用。Webpack会为你将所有内容捆绑到文件（HTML、JavaScript、CSS）中，最后可以用nginx来提供。至少，这是我们的设置。但是Webpack会警告你某些资源太大。需
原创
2021-01-11 07:23:32
189阅读
怎样为你的Vue.js单页应用提速疯狂的技术宅前端先锋我有一个项目用了Vue.js来构建单页应用程序。随着上线日期的临近，性能优化的工作变得越来越重要。在本文中，我收集了有关在加载时间和渲染性能方面提高Vue.js应用性能的所有知识。使用Vue.js，你可以快速构建单页应用。Webpack会为你将所有内容捆绑到文件（HTML、JavaScript、CSS）中，最后可以用nginx来提供。至少，这是
原创
2021-01-29 11:32:16
246阅读
我总是面临这些挑战，在对社区进行研究之后，我准备了一个样板来解决这些问题，并提供了一种编写模块化、灵活和可扩展的 Vue.js 应用程序的方法。我想，我应该围绕这个写一系列文章，这是我将解释应用程序结构的第一部分。
原创
2022-02-19 10:00:51
348阅读
