随笔分类 - Vue.js
摘要：一、前言 在上一章中，我们开始通过 Vue CLI 去搭建属于自己的前端 Vue 项目模板，就像我们 .NET 程序员在使用 asp.net core 时一样，我们更多的会在框架基础上按照自己的开发习惯进行调整。因此在后面几章的学习中，我将会在整个项目基础上，按照自己的需求进行修改设定。 PS：因为
阅读全文
摘要：一、前言 在之前学习 Vue 基础知识点的文章中，我们还是采用传统的方式，通过在 html 页面上引用 vue.js 这个文件，从而将 Vue 引入到我们的项目开发中。伴随着 Node.js 的出现，以及 React、Angular、Vue 这类的前端 MVVM 框架的发展，前端越来越像后端靠拢，前
阅读全文
摘要：一、前言 在没有接触 React、Angular、Vue 这类 MVVM 的前端框架之前，无法抛弃 Jquery 的重要理由，除了优秀的前端 DOM 元素操作性以外，能够非常便捷的发起 http 请求也占有非常重要的地位。 既然我们已经开始使用 Vue 进行前端开发，抛弃了对页面 DOM 元素的操作
阅读全文
摘要：一、前言 在上一章的学习中，通过举例说明，我们了解了 Vue Router 中命名路由、命名视图的使用方法，以及如何通过 query 查询参数传参，或者是采用 param 传参的方式实现路由间的参数传递。通过学习我们可以发现，在实现路由间的参数传递时，我们将 Vue Router 与我们的组件强耦合
阅读全文
摘要：一、前言 在上一章的学习中，我们简单介绍了前端路由的概念，以及如何在 Vue 中通过使用 Vue Router 来实现我们的前端路由。但是在实际使用中，我们经常会遇到路由传参、或者一个页面是由多个组件组成的情况。本章，我们就来介绍下在这两种情况下 Vue Router 的使用方法以及一些可能涉及到的
阅读全文
摘要：一、前言 前端路由是什么？如果你之前从事的是后端的工作，或者虽然有接触前端，但是并没有使用到单页面应用的话，这个概念对你来说还是会很陌生的。那么，为什么会在单页面应用中存在这么一个概念，以及，前端路由与我们后端的路由有什么异同呢。本章，我们就来简单介绍下前端路由的概念，以及如何在 Vue 中使用 V
阅读全文
摘要：一、前言 在之前的前端开发中，为了实现我们的需求，通常采用的方案是通过 JS/Jquery 直接操纵页面的 DOM 元素，得益于 Jquery 对于 DOM 元素优异的操作能力，我们可以很轻易的对获取到的 DOM 元素进行操作。但是，当我们开始在前端项目中使用 Vue 这类的 MVVM 框架之后，对
阅读全文
摘要：一、前言 在上一章的学习中，我们继续学习了 Vue 中组件的相关知识，了解了在 Vue 中如何使用组件的 data、prop 选项。在之前的学习中有提到过，组件是 Vue 中的一个非常重要的概念，我们通过将页面拆分成一个个独立的组件，从而更好地实现代码复用，使我们的代码更加简洁，容易维护。既然在 V
阅读全文
摘要：一、前言 在上一章的学习中，我们学习了 Vue 中组件的基础知识，知道了什么是组件，以及如何创建一个全局/局部组件。不知道你是否记得，在上一章中，我们提到组件是一个可以复用的 Vue 实例，它与 Vue 实例也只是拥有些许的差异。本章，我们将继续学习组件的相关基础知识，了解 Vue 的组件中的 da
阅读全文
摘要：一、前言 在之前的学习中，我们对于 Vue 的一些基础语法进行了简单的了解，通过之前的代码可以清晰的看出，我们在使用 Vue 的整个过程，最终都是在对 Vue 实例进行的一系列操作。 这里就会引出一个问题，就像我们刚开始学习 C# 的时候把全部的代码一股脑的写到 Main 方法中，现在我们把所有对于
阅读全文
摘要：一、前言 在之前的 Vue 学习中，我们在使用 Vue 时，都会创建一个 Vue 的实例，而每个 Vue 实例在被创建时都要经过一系列的初始化过程。例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。在这个过程中，Vue 会运行一些生命周期钩子函数，而我们则可以在
阅读全文
摘要：一、前言 上周末的时候，准备试试将 ASP.NET Core 的项目部署到 CentOS 服务器上，结果在一个接一个坑里面跳，最后 Supervisor 守护程序还是有问题，于是，采用重装系统大招，结果，碰巧赶上 aspnetcore 的一个 bug（ Missing package dotnet-
阅读全文
摘要：一、前言 在 Vue 中，我们可以很方便的将数据使用插值表达式（ Mustache 语法）的方式渲染到页面元素中，但是插值表达式的设计初衷是用于简单运算，即我们不应该对差值做过多的操作。当我们需要对差值做进一步的处理时，这时，我们就应该使用到 Vue 中的计算属性来完成这一操作。同时，当差值数据变化
阅读全文
摘要：一、前言 前端开发中有三大件：HTML、CSS、JavaScript，在前面的学习中，不管是学习 Vue 的指令系统还是 Vue 的事件修饰符，主要还是针对的是我们在前端开发中的 JavaScript 这一块，而在实际的开发中必定会需要涉及到对于页面布局的设计。即使你采用的是使用第三方的 UI 组件
阅读全文
摘要：一、前言 熟悉了 Vue 的指令系统后，在实际开发中，不可避免的会使用到对于事件的操作，如何处理 DOM 事件流，成为我们必须要掌握的技能。不同于传统的前端开发，在 Vue 中给我们提供了事件修饰符这一利器，使我们可以便捷的处理 DOM 事件，本章，一起来学习如何使用事件修饰符来实现对于 DOM 事
阅读全文
摘要：一、前言 在上一章中，我们了解了一些在使用 Vue 进行开发中经常会遇到的基础概念，与传统的前端开发不同，Vue 可以使我们不必再使用 JavaScript 去操作 DOM 元素（还是可以用，但是极度不推荐），而这一优秀特性的核心就是 Vue 的指令系统，本章，一起来学习 Vue 的指令系统。 学习
阅读全文
摘要：一、前言 Vue、React、Angular，当今前端界的三驾马车，作为传统的后端程序员，前端再也不是我们想的那种切切图就可以了，第一次接触的话，先了解了解一些基础的概念。 学习系列目录地址：https://www.cnblogs.com/danvic712/p/9549100.html 仓储地址：
阅读全文
摘要：一、前言 这个系列的文章开始于今年9月从上一家公司辞职后，在找工作的过程中，觉得自己应该学习一些新的东西，从前几章的更新日期也可以看出，中间隔了很长的时间，自己也经历了一些事情，既然现在已经稳定了，就要继续下去啊。作为一个 .NET 后端程序员，自己的侧重点肯定还是在后端，这个系列的学习主要是为了为
阅读全文