-
VueRouter 路由别名、重定向解释
所属栏目：[教程] 日期：2023-04-03 热度：4119
本小节我们介绍如何使用 VueRouter 路由别名、重定向。路由别名和重定向在项目中经常使用，本节的学习内容相对简单，相信同学们看完本小节，并对小节中的案例自己实现一遍就可以熟练掌握了。
重定向也是通过 rout[详细] -
VueRouter 命名视图介绍
所属栏目：[教程] 日期：2023-04-03 热度：6967
VueRouter 命名视图包括如何定义命名视图、如何使用命名视图。本节的学习内容相对简单，相信同学们看完本小节，并对小节中的案例自己实现一遍就可以熟练掌握了。
在之前的小节中，我们学习了如何使用 <router-vi[详细] -
VueRouter 命名路由教程
所属栏目：[教程] 日期：2023-04-03 热度：7502
本小节我们介绍如何使用 VueRouter 命名路由。包括如何定义命名路由、如何使用路由名实现路由跳转。本节的学习内容相对简单，相信同学们看完本小节，并对小节中的案例自己实现一遍就可以熟练掌握了。
在之前的小节[详细] -
VueRouter 编程式导航用法
所属栏目：[教程] 日期：2023-04-03 热度：2278
我们的路由跳转是通过标签 <router-link> 来完成的。但有时候，我们可能需要通过一个普通的 onClick 事件来完成跳转。router.push 就可以帮我们实现这一点。
让我们来看一个简单的示例：
<!DOCTYPE html>
<ht[详细] -
VueRouter 路由嵌套运用
所属栏目：[教程] 日期：2023-04-03 热度：2620
实际项目中的应用界面，通常由多层嵌套的组件组合而成。同样地，URL 中各段动态路径也按某种结构对应嵌套的各层组件，例如：
/article/vue /article/react
+------------------+ [详细] -
VueRouter 基础应用介绍
所属栏目：[教程] 日期：2023-04-03 热度：6103
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。VueRouter 是 SPA（单页应用）的路径管理器，它允许我们通过不同的 URL 访问不同的内容。
我们可以在官网 ([详细] -
Vue 渲染函数运用
所属栏目：[教程] 日期：2023-04-03 热度：7056
Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中，你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数，它比模板更接近编译器。
让我们用一个简单的例子来学习，这个例子里 rend[详细] -
Vue 插件解析
所属栏目：[教程] 日期：2023-04-03 热度：1743
插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制，一般有下面几种：
添加全局方法或者属性。如: vue-custom-element。
添加全局资源：指令 / 过滤器 / 过渡等。如 vue-touch。
通过全局混入来添[详细] -
Vue 过滤器定义
所属栏目：[教程] 日期：2023-04-03 热度：7689
过滤器是对即将显示的数据做进一步的筛选处理，然后进行显示，值得注意的是过滤器并没有改变原来的数据，只是在原数据的基础上产生新的数据。过滤器在日常开发中也会大量使用，例如：枚举值的转换、首字母大写等等。[详细]
-
Vue 自定义指令介绍
所属栏目：[教程] 日期：2023-04-03 热度：2752
Vue 自定义指令和组件一样存在着全局注册和局部注册两种方式。全局注册的自定义指令可以在项目中的所有组件中使用，局部注册的指令只能在当前组件内部使用。接下来我们分步介绍全局指令和局部指令的注册方式。
我[详细] -
Vue 自定义指令解释
所属栏目：[教程] 日期：2023-04-03 热度：3828
Vue 自定义指令和组件一样存在着全局注册和局部注册两种方式。全局注册的自定义指令可以在项目中的所有组件中使用，局部注册的指令只能在当前组件内部使用。接下来我们分步介绍全局指令和局部指令的注册方式。
命[详细] -
Vue 混入 Mixins定义
所属栏目：[教程] 日期：2023-04-03 热度：9366
混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被 “混合” 进入该组件本身的选项。
我们在[详细] -
Vue动态组件 & keep-alive教程
所属栏目：[教程] 日期：2023-04-03 热度：4045
动态组件是让多个组件使用同一个挂载点，并动态切换。动态组件是 Vue 的一个高级用法，但其实它的使用非常简单。keep-alive 是 vue 的内置组件，能在组件切换过程中将状态保存在内存中，防止重复渲染 DOM。
通过使[详细] -
Vue 组件间通信介绍
所属栏目：[教程] 日期：2023-04-03 热度：7934
组件通信是组件式开发中非常重要的一部分，也是组件式开发中的难点。
组件是 vue 最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。我们需要使用特定的方式来实现组[详细] -
Vue 插槽的运用
所属栏目：[教程] 日期：2023-04-03 热度：3757
插槽可以使组件的模版变得多样性，让用户在使用组件时可以自定义传入模版内容。在复杂组件中，当我们在使用多个插槽的时候将会是一个难点。但是也不必担心，只要我们将每个插槽类型的使用方法学透，相信面对任何复杂[详细]
-
Vue 组件基础介绍
所属栏目：[教程] 日期：2023-04-03 热度：9580
组件是可复用的 Vue 实例， 我们可以把页面中在多个场景中重复使用的部分，抽出为一个组件进行复用。组件大大提高了代码的复用率。
我们可以通过调用 Vue.component 的方式来定义全局组件，它接收两个参数：1. 组[详细] -
Vue 实例生命周期运用
所属栏目：[教程] 日期：2023-03-31 热度：439
每个 Vue 实例在被创建时都要经过一系列的初始化过程 —— 例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了[详细]
-
Vue过渡与动画介绍
所属栏目：[教程] 日期：2023-03-31 热度：7453
Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。
包括以下工具：
1、在 CSS 过渡和动画中自动应用 class；
2、配合使用第三方 CSS 动画库，如 Animate.css；
3、在过渡钩子函数中使用 JavaS[详细] -
Vue 数据双向绑定定义
所属栏目：[教程] 日期：2023-03-31 热度：262
用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端[详细]
-
Vue 事件处理浅析
所属栏目：[教程] 日期：2023-03-31 热度：3938
事件修饰符很多，同学们不需要一下子都记住，只要学会如何使用它，在开发过程中如果有所遗忘，可以通过翻看文档来使用。
可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。
使用 v-on 指令[详细] -
Vue 侦听器定义
所属栏目：[教程] 日期：2023-03-31 热度：825
侦听器 watch 是 Vue 提供的一种用来观察和响应 Vue 实例上的数据变化的属性。当被侦听的数据发生变化时，会触发对应的侦听函数。
前面我们介绍了什么是侦听器 watch，那么如何定义一个侦听器呢？
侦听器 watc[详细] -
Vue 计算属性介绍
所属栏目：[教程] 日期：2023-03-31 热度：9573
计算属性，就是当其依赖属性的值发生变化时，这个属性的值会自动更新，与之相关的 DOM 部分也会同步自动更新。
计算属性实际上是一个方法，它可以完成各种复杂的逻辑，包括运算、函数调用等，并最终返回一个值。之[详细] -
Vue 动态样式绑定解析
所属栏目：[教程] 日期：2023-03-31 热度：5728
操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 clas[详细]
-
Vue 常用指令
所属栏目：[教程] 日期：2023-03-31 热度：8925
指令 (Directives) 是带有 v- 前缀的特殊 attribute。指令 attribute 的值预期是单个 JavaScript 表达式 (v-for 是例外情况，稍后我们再讨论)。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用[详细]
-
Vue 安装方法
所属栏目：[教程] 日期：2023-03-31 热度：7401
本小节将带领大家学习一下如何安装 Vue。包括独立版本、CDN、NPM、CLI 工具四种不同的安装方法。
我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用<script>标签引入。
下载Vue.js
安装步骤：
打开Vu[详细]
