Vue3 教程

2022-05-23阅读(1026)

Vue3 组合式 API（Composition API） 主要用于在大型组件中提高代码逻辑的可复用性。 传统的组件随着业务复杂度越来越高，代码量会不断的加大，整个代码逻辑都不易阅读和理解。 Vue3 使用组合式 API 的地方为 ...

2022-05-23阅读(1146)

Vue 版本推荐使用 axios 来完成 ajax 请求。 Axios 是一个基于 Promise 的 HTTP 库，可以用在浏览器和 node.js 中。 Github开源地址： https://github.com/axios...

2022-05-22阅读(1297)

混入 (mixins)定义了一部分可复用的方法或者计算属性。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。 来看一个简单的实例： 选项合并 当组件和混入对象含有同名选项时，这些选项将以恰当的...

2022-05-22阅读(1210)

本章节我们将为大家介绍 Vue 路由。 Vue 路由允许我们通过不同的 URL 访问不同的内容。 通过 Vue 可以实现多视图的单页 Web 应用（single page web application，SPA）。 Vue.js 路由需要载...

2022-05-22阅读(817)

除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。 下面我们注册一个全局指令 v-focus, 该指令的功能是在页面加载时，元素获得焦点： 我们也可以在实例使用 directives 选项来注册...

2022-05-22阅读(786)

这节我们为大家介绍 Vue 表单上的应用。 表单 我们可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 等元素上创建双向数据绑定。 输入框 实例中演示了 input 和 tex...

2022-05-22阅读(711)

我们可以使用 v-on 指令来监听 DOM 事件，从而执行 JavaScript 代码。 V-on v-on 指令可以缩写为 @ 符号。 语法格式： v-on 通常情况下，我们需要使用一个方法来调用 JavaS...

2022-05-21阅读(840)

Vue.js class class 与 style 是 HTML 元素的属性，用于设置元素的样式，我们可以用 v-bind 来设置样式属性。 v-bind 在处理 class 和 style 时， 表达式除了可以使用字符串之外，还可以是对...

2022-05-21阅读(780)

本章节，我们将为大家介绍 Vue3 监听属性 watch，我们可以通过 watch 来响应数据的变化。 以下实例通过使用 watch 实现计数器： 以下实例进行千米与米之间的换算： 以上代码中我们创建了两个输入框，data 属性中， kil...

2022-05-20阅读(801)

计算属性关键词: computed。 计算属性在处理一些复杂逻辑时是很有用的。 可以看下以下反转字符串的例子： 实例1： 实例 1 中模板变的很复杂起来，也不容易看懂理解。 接下来我们看看使用了计算属性的实例： 实例2： 实例 2...