vuejs3

Vue 3.0 条件渲染

#v-if v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 <h1 v-if="awesome">Vue is awesome!</h1> 也可以用 v-els...

Vue3 组合式函数

组合式函数 此章节假设你已经对组合式 API 有了基本的了解。如果你只学习过选项式 API,你可以使用左侧边栏上方的切换按钮将 API 风格切换为组合式 API 后,重新阅读响应性基础和生命周期钩子两个章节。 ::: 什么是“组合式函数”?...

Vue 3.0 组合式API 介绍-CDN-服务器-VPS优惠/促销/测评-撸主机评测

Vue 3.0 组合式API 介绍

提示 在阅读文档之前,你应该已经熟悉了这两个 Vue 基础和创建组件。 在 Vue Mastery 上观看关于组合式 API 的免费视频。 通过创建 Vue 组件,我们可以将接口的可重复部分及其功能提取到可重用的代码段中。仅此一项就可以使我...

Vue 3.0 模板引用

该页面假设你已经阅读过了组件基础。如果你还对组件不太了解,推荐你先阅读它。 尽管存在 prop 和事件,但有时你可能仍然需要直接访问 JavaScript 中的子组件。为此,可以使用 ref attribute 为子组件或 HTML 元素指...

Vue 3.0 Class与Style绑定

操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将 v-bind 用于 cl...

Vue 3.0 应用&组件实例-CDN-服务器-VPS优惠/促销/测评-撸主机评测

Vue 3.0 应用&组件实例

#创建一个应用实例 每个 Vue 应用都是通过用 createApp 函数创建一个新的应用实例开始的: const app = Vue.createApp({ /* 选项 */ }) 该应用实例是用来在应用中注册“全局”组件的。我们将在后面...

Vue 3.0 安装-CDN-服务器-VPS优惠/促销/测评-撸主机评测

Vue 3.0 安装

Vue.js 设计的初衷就包括可以被渐进式地采用。这意味着它可以根据需求以多种方式集成到一个项目中。 将 Vue.js 添加到项目中有三种主要方式。 在页面上以 CDN package 的形式导入。 使用 npm 安装它。 使用官方的 CL...

Vue 3.0 选项 组合

#mixins 类型:Array<Object> 详细: mixins 选项接收一个混入对象的数组。这些混入对象可以像正常的实例对象一样包含实例选项,这些选项将会被合并到最终的选项中,使用特定的选项合并逻辑。例如,如果 mixi...

Vue 3.0 选项 Data

#data 类型:Function 详细: 返回组件实例的 data 对象的函数。在 data 中,我们不建议观察具有自身状态行为的对象,如浏览器 API 对象和原型 property。一个好主意是这里只有一个表示组件 data 的普通对象...

Vue 3.0 事件API

#概览 $on,$off 和 $once 实例方法已被移除,应用实例不再实现事件触发接口。 #2.x 语法 在 2.x 中,Vue 实例可用于触发通过事件触发 API 强制附加的处理程序 ($on,$off 和 $once),这用于创建 e...

登录

找回密码

注册