web前端开发VUE3菜鸟教程:Ajax请求(axios) Vue 版本推荐使用 axios 来完成 ajax 请求。 Axios 是一个基于 Promise 的 HTTP 库,可以用在浏览器和 node.js 中。 Github开源地址: https://g... 2021年8月20日610 views评论Ajax vue.js 阅读全文
VUE3菜鸟教程:混入 (mixins) 混入 (mixins)定义了一部分可复用的方法或者计算属性。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。 来看一个简单的实例: 实例 // 定义混入... 2021年8月20日web前端开发566 views评论vue.js 阅读全文
VUE3菜鸟教程:路由——通过不同的 URL 访问不同的内容 Vue 路由。 Vue 路由允许我们通过不同的 URL 访问不同的内容。 通过 Vue 可以实现多视图的单页 Web 应用(single page web application,SPA)。 Vue.... 2021年8月20日web前端开发817 views评论vue.js 阅读全文
VUE3菜鸟教程:注册自定义指令 默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。 下面我们注册一个全局指令 v-focus, 该指令的功能是在页面加载时,元素获得焦点: 实例 <di... 2021年8月20日web前端开发374 views评论vue.js 阅读全文
web前端开发VUE3菜鸟教程: v-model 指令表单元素创建双向数据绑定 Vue 表单上的应用。 我们可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 等元素上创建双向数据绑定。 v-mode... 2021年8月20日417 views评论vue.js 阅读全文
VUE3菜鸟教程: v-on 指令来监听 DOM 事件,执行 JavaScript 代码 使用 v-on 指令来监听 DOM 事件,从而执行 JavaScript 代码。 v-on 指令可以缩写为 @ 符号。 语法格式: v-on:click="methodName" 或 @click="... 2021年8月20日web前端开发559 views评论javaScript vue.js 阅读全文
web前端开发VUE3菜鸟教程:样式绑定v-bind Vue.js class class 与 style 是 HTML 元素的属性,用于设置元素的样式,我们可以用 v-bind 来设置样式属性。 v-bind 在处理 class 和 style 时, ... 2021年8月20日391 views评论vue.js 阅读全文
VUE3菜鸟教程:监听属性watch响应数据的变化 Vue3 监听属性 watch,我们可以通过 watch 来响应数据的变化。 以下实例通过使用 watch 实现计数器: 实例 <div id = "app"> <p style =... 2021年8月20日web前端开发283 views评论vue.js 阅读全文
web前端开发VUE3菜鸟教程:计算属性computed 计算属性关键词: computed。 计算属性在处理一些复杂逻辑时是很有用的。 可以看下以下反转字符串的例子: 实例 1 <div id="app"> {{ message.split('... 2021年8月20日313 views评论vue.js 阅读全文
web前端开发VUE3菜鸟教程:组件Component 组件(Component)是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素,封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽... 2021年8月20日386 views评论vue.js 阅读全文