Vue3 教程 第2页

2022-05-19阅读(914)

组件（Component）是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树： 注册一个全局组件语法格...

2022-05-19阅读(1022)

循环使用 v-for 指令 v-for 指令需要以 site in sites 形式的特殊语法， sites 是源数据数组并且 site 是数组元素迭代的别名。 v-for 可以绑定数据到数组来渲染一个列表： v-for...

2022-05-14阅读(846)

条件判断 v-if 条件判断使用 v-if 指令，指令的表达式返回 true 时才会显示： 在元素中使用 v-if 指令： 这里， v-if 指令将根据表达式 seen 的值( true 或 false )来决定是否插入 p 元素。 因为 ...

2022-05-13阅读(738)

Vue 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 Vue 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。 结合响应系统，在应用状态改变时， Vue 能够智...

2022-05-13阅读(1019)

刚开始学习 Vue，我们不推荐使用 vue-cli 命令行工具来创建项目，更简单的方式是直接在页面引入 vue.global.js 文件来测试学习。 Vue3 中的应用是通过使用 createApp 函数来创建的，语法格式如下： 传递给 c...

2022-05-13阅读(1353)

上一章节中我们使用了 npm 安装项目(Vue-cli 和 Vite)，我们在 IDE（Vscode、Atom等） 中打开该目录，结构如下所示： 命令行工具 vue-cli（runoops-vue3-test）： Vue3 目录解析 接下来...

2022-05-13阅读(916)

在上一章节 Vue3 安装 我们使用了 npm init vite@latest 命令创建过一个项目，本章节我们主要介绍 vue create 命令创建项目以及使用 vue ui 命令打开图形化的安装界面。 vue create 命令 vu...

2022-05-13阅读(1332)

打包 Vue 项目使用以下命令： 执行完成后，会在 Vue 项目下会生成一个 dist 目录，该目录一般包含 index.html 文件及 assets 目录，assets 目录包含了静态文件 js、css 以及图片。 如果直接双击打开 i...

2022-05-12阅读(1258)

独立版本 我们可以在 Vue.js 的官网上直接下载最新版本, 并用 <script> 标签引入。 使用 CDN 方法 以下推荐国外比较稳定的两个 CDN，国内还没发现哪一家比较好，目前还是建议下载到本地。 ...

2022-05-12阅读(2793)

Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。 Vue 只关注视图层， 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue 学习起来...