Sep172017

    使用 Vue Router 实现前端路由

    使用 Vue Router 实现前端路由
    前端路由是现代 Web 开发中的重要概念之一。Vue Router 是 Vue.js 官方的路由管理器，它允许我们在 Vue 应用中实现强大的路由功能。在本博客中，我们将介绍如何使用 Vue Router 来实现前端路由，并且探索一些 Vue Router 提供的丰富功能。 什么是路由？ 首先，让我们来了解一下什么是路由。在传统的 Web 开发中，当用户在浏览器中访问不同的页面时，浏览器会向服务器发送请求，然后服务器...阅读全文
    作者：绝缘体.. | 分类：html, javascript, vue, 前端技术, 编程语言 | 阅读： | 标签：, , , ,
    抢沙发
    Aug152017

    使用Vue Router实现前端路由控制

    使用Vue Router实现前端路由控制
    前端路由是现代Web应用程序开发中不可或缺的一部分。它使我们能够根据URL的不同部分加载不同的视图和组件，提供了更流畅的用户体验。Vue Router是Vue.js官方提供的用于构建单页面应用程序（SPA）的官方路由器。它提供了一种简单而强大的方式来管理应用程序的路由。 安装Vue Router 安装Vue Router非常简单，只需在项目的命令行界面中运行以下命令： npm install vue-router 配置Vue Rout...阅读全文
    作者：绝缘体.. | 分类：vue, 前端技术 | 阅读： | 标签：, , , ,
    抢沙发
    Aug102017

    Element UI中的表单布局与自定义校验规则

    Element UI中的表单布局与自定义校验规则
    在一些大型的前端项目中，表单是不可或缺的一部分，而Element UI作为一个优秀的前端UI库，提供了丰富的表单组件和功能，使我们能够更加方便地进行表单开发和校验。本文将介绍Element UI中的表单布局和自定义校验规则的使用方法。 表单布局 Element UI中的表单布局通过el-form和el-form-item两个组件来实现。el-form是一个包裹表单元素的容器，负责管理表单元素的布局和提交事件。el-form-...阅读全文
    作者：绝缘体.. | 分类：vue, 前端技术 | 阅读： | 标签：, , , ,
    抢沙发
    Aug042017

    Vue Slot插槽 – 打造灵活的组件化开发

    Vue Slot插槽 – 打造灵活的组件化开发
    在Vue中，使用插槽（slot）是一种非常强大和灵活的方式来定制组件的输出。插槽允许我们在组件中包含可替换的内容，从而使组件更加可配置和可重用。本文将介绍Vue中的插槽的使用方法和一些实例，帮助你更好地理解和运用这个特性。 插槽的基本概念 插槽可以让我们将内容嵌套到组件的特定位置。换句话说，它是一种将内容传递给组件的方式。基本上，一个插槽就是组件模板中的一个”占位...阅读全文
    作者：绝缘体.. | 分类：vue, 前端技术 | 阅读： | 标签：, , , ,
    抢沙发
    Jul122017

    Element UI中的自定义指令与组件扩展

    Element UI中的自定义指令与组件扩展
    Element UI是一套基于Vue.js的桌面端组件库，它提供了丰富的UI组件和功能，可以大大提高我们的开发效率。然而，有时我们需要根据具体项目的需求，自定义一些指令和扩展组件，以满足项目的特定需求。 自定义指令 什么是自定义指令 在Element UI中，指令是Vue.js提供的一种特殊语法糖，用于操作DOM。通过自定义指令，我们可以扩展Element UI的功能，实现一些特定的交互效果。 如何自定义指...阅读全文
    作者：绝缘体.. | 分类：vue, 前端技术 | 阅读： | 标签：, , , ,
    抢沙发
    Jun242017

    深度解析Vue源码中计算属性计算原理详解详解

    深度解析Vue源码中计算属性计算原理详解详解
    在Vue源码中，计算属性是一个非常常用的功能，它允许开发者定义一些依赖于其他数据的属性，这些属性会根据依赖的数据进行动态计算并缓存结果，从而提高性能。 计算属性的基本原理 在Vue中，计算属性是通过Object.defineProperty方法来实现的。当我们在Vue实例中定义了一个计算属性时，Vue会在初始化阶段通过Object.defineProperty方法为这个计算属性添加get方法，当访问这个计算属性时，...阅读全文
    作者：绝缘体.. | 分类：vue, 前端技术 | 阅读： | 标签：, , , ,
    抢沙发
    May252017

    JavaScript设计模式之观察者模式

    JavaScript设计模式之观察者模式
    设计模式是一种被广泛接受、可以多次使用的解决方案，用于解决软件设计中的常见问题。其中之一是观察者模式，它允许对象之间的通信，而无需直接耦合它们。 什么是观察者模式？ 观察者模式，又称为发布-订阅模式，是一种行为型设计模式。在这种模式中，存在一个被称为“主题”（或“被观察者”）和一些“观察者”的对象。主题维护一个观察者列表，并在状态发生变化时自动通知所有观察者。 在Java...阅读全文
    作者：绝缘体.. | 分类：javascript, react, vue, 前端技术, 编程语言 | 阅读： | 标签：, , , ,
    抢沙发
    May242017

    Vue.js中的混入(Mixins)使用与问题

    Vue.js中的混入(Mixins)使用与问题
    Vue.js 是一个流行的前端框架，它提供了许多强大的功能来简化开发过程。其中之一是混入（Mixins）。混入允许开发者将一些常见的逻辑和功能抽象出来，然后在不同的组件中重复使用。混入是复用 Vue 组件选项的一种灵活方式。本文将介绍混入的使用和一些常见问题。 使用混入 使用混入非常简单，只需在组件定义时通过 mixins 选项引入即可。例如： Vue.mixin({ created() { console.log...阅读全文
    作者：绝缘体.. | 分类：vue, 前端技术 | 阅读： | 标签：, , , ,
    抢沙发