...
vue3
123zyy 著
Vue3教程

<div class="article-intro" id="content"> <h1> Vue3 教程 </h1> <div class="tutintro"> <img decoding="async" src="https://www.runo...

Vue3安装

<div class="article-intro" id="content"> <h1> Vue3 安装 </h1> <h2> 1、独立版本 </h2> <p> 我们可以在 Vue.js 的官网上直接下载最新版本, 并用 <b> &lt;sc...

Vue3打包

<div class="article-intro" id="content"> <h1> Vue3 项目打包 </h1> <p> 打包 Vue 项目使用以下命令: </p> <pre>cnpm run build</pre> <p> 执行以上命令,...

Vue3创建项目

R<div class="article-intro" id="content"> <h1> Vue3 创建项目 </h1> <p> 在上一章节 <a href="/vue3/vue3-install.html" rel="noopener" tar...

Vue3目录结构

<div class="article-intro" id="content"> <h1> Vue3 目录结构 </h1> <p> 上一章节中我们使用了 npm 安装项目(Vue-cli 和 Vite),我们在 IDE(Vscode、Atom等) 中打...

Vue3起步

<div class="article-intro" id="content"> <h1> Vue3 起步 </h1> <p> 刚开始学习 Vue,我们不推荐使用 vue-cli 命令行工具来创建项目,更简单的方式是直接在页面引入 vue.global...

Vue3指令

<div class="article-intro" id="content"> <h1> Vue3 指令 </h1> <p> Vue 指令(Directives)是 Vue.js 的一项核心功能,它们可以在 HTML 模板中以 <span clas...

Vue3模板语法

<div class="article-intro" id="content"> <h1> Vue3 模板语法 </h1> <p> Vue 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 </p> <p...

Vue3条件语句

<div class="article-intro" id="content"> <h1> Vue3 条件语句 </h1> <h2> 条件判断 </h2> <h3> v-if </h3> <p> 条件判断使用 v-if 指令,指令的表达式返回 tr...

Vue3循环语句

<div class="article-intro" id="content"> <h2> Vue.js 循环语句 </h2> <p> 循环使用 v-for 指令。 </p> <p> v-for 指令需要以 <strong> site in s...

Vue3组件

<div class="article-intro" id="content"> <h1> Vue3 组件 </h1> <p> 组件(Component)是 Vue.js 最强大的功能之一。 </p> <p> 组件可以扩展 HTML 元素,封装可重用...

Vue3计算属性

<div class="article-intro" id="content"> <h1> Vue3 计算属性 </h1> <p> 计算属性关键词: <span class="marked"> computed </span> 。 </p> ...

Vue3监听属性

<div class="article-intro" id="content"> <h1> Vue3 监听属性 </h1> <p> 本章节,我们将为大家介绍 Vue3 监听属性 <strong> watch </strong> ,我们可以通过...

Vue3样式绑定

<div class="article-intro" id="content"> <h1> Vue3 样式绑定 </h1> <h2> Vue.js class </h2> <p> class 与 style 是 HTML 元素的属性,用于设置元素的样...

Vue3事件处理

<div class="article-intro" id="content"> <h1> Vue3 事件处理 </h1> <p> 我们可以使用 v-on 指令来监听 DOM 事件,从而执行 JavaScript 代码。 </p> <p> <stro...

Vue3表单

<div class="article-intro" id="content"> <h1> Vue3 表单 </h1> <p> 这节我们为大家介绍 Vue 表单上的应用。 </p> <p> 我们可以用 v-model 指令在表单 <code> ...

Vue3自定义指令

<div class="article-intro" id="content"> <h1> Vue3 自定义指令 </h1> <p> 除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。 </p> <p> ...

Vue3路由

<div class="article-intro" id="content"> <h1> Vue3 路由 </h1> <p> 本章节我们将为大家介绍 Vue 路由。 </p> <p> Vue 路由允许我们通过不同的 URL 访问不同的内容。 </p...

Vue3混入

<div class="article-intro" id="content"> <h1> Vue3 混入 </h1> <p> 混入 (mixins)定义了一部分可复用的方法或者计算属性。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象...

Vue3 Ajax(axios)

<div class="article-intro" id="content"> <h1> Vue3 Ajax(axios) </h1> <p> Vue 版本推荐使用 axios 来完成 ajax 请求。 </p> <p> Axios 是一个基于 ...

Vue3组合式 API

<div class="article-intro" id="content"> <h1> Vue3 组合式 API </h1> <p> Vue3 组合式 API(Composition API) 主要用于在大型组件中提高代码逻辑的可复用性。 </p>...

Vue3创建单文件组件(SFC)

<div class="article-intro" id="content"> <h1> Vue3 创建单文件组件(SFC) </h1> <p> Vue 的单文件组件 (即 <span class="marked"> *.vue </span...

1