需要通过 Vue Router 实例的 mode 选项来设置，这样 URL 会更加美观，但同样需要后端支持避免问题。 Vue CLI 可以统一项...

Vue Router 是 Vue.js 的官方插件，用来快速实现单页应用。 单页应用 SPA（Single Page Application）单...

动态组件 动态组件适用于多个组件频繁切换的处理。<component> 用于将一个‘元组件’渲染为动态组件，以 is 属性值决定渲染哪个组件。 ...

组件插槽可以便捷的设置组件内容。 单个插槽 如果我们希望组件标签可以像 HTML 标签一样设置内容，那么组件的使用灵活度会很高。 但平常我们书写...

在组件间传递数据的操作，称为组件通信。 父组件向子组件传值 通过子组件的 props 选项接收父组件的传值。 注意：props 不要与 data...

组件用于封装页面的部分功能，将功能的结构、样式、逻辑代码封装为整体，提高了功能的复用性与可维护性，能更好的专注于业务逻辑。 组件使用时为自定义 ...

以下笔记皆基于 Vue 2 自定义指令 指令用于简化 DOM 操作，相当于对基础 DOM 操作的一种封装。当我们希望使用一些内置指令不具备的 D...

以下笔记皆基于 Vue 2 事件处理 v-on 指令 v-on 指令用于进行元素的事件绑定，简写方式 @事件类型。当事件程序代码较多时，可以在 ...