上一页 1 2 3 4 5 6 7 8 9 ··· 14 下一页
2023年4月2日
第三十四篇 vue - 应用规模化 - 服务端渲染 - SSR
摘要： 总览 什么是 SSR SSR - 服务端渲染 Vue.js 是一个用于构建客户端应用的框架。默认情况下，Vue 组件的职责是在浏览器中生成和操作 DOM Vue 也支持将组件在服务端直接渲染成 HTML 字符串，作为服务端响应返回给浏览器，最后在浏览器端将静态的 HTML“激活”(hydrate) 阅读全文
posted @ 2023-04-02 11:46 caix-1987 阅读(198) 评论(0) 推荐(0)
第三十三篇 vue - 应用规模化 - 工具链
摘要： 项目脚手架 vite Vite 是一个轻量级的、速度极快的构建工具，对 Vue SFC 提供第一优先级支持。作者是尤雨溪，同时也是 Vue 的作者 要使用 Vite 来创建一个 Vue 项目，非常简单 npm init vue@latest 这个命令会安装和执行 create-vue，它是 Vue 阅读全文
posted @ 2023-04-02 11:46 caix-1987 阅读(110) 评论(0) 推荐(0)
第三十二篇 vue - 应用规模化 - 单文件组件 SFC
摘要： 单文件组件 SFC Vue 的单文件组件 (即 *.vue 文件，英文 Single-File Component，简称 SFC) 是一种特殊的文件格式，使我们能够将一个 Vue 组件的模板、逻辑与样式封装在单个文件中 Vue 的单文件组件是网页开发中 HTML、CSS 和 JavaScript 三 阅读全文
posted @ 2023-04-02 11:45 caix-1987 阅读(109) 评论(0) 推荐(0)
2023年4月1日
第三十一篇 vue - 逻辑复用 - 插件
摘要： 插件 插件 (Plugins) 是一种能为 Vue 添加全局功能的工具代码。下面是如何安装一个插件的示例 import { createApp } from 'vue' const app = createApp({}) app.use(myPlugin, { /* 可选的选项 */ }) 一个插件 阅读全文
posted @ 2023-04-01 22:31 caix-1987 阅读(35) 评论(0) 推荐(0)
第三十篇 vue - 逻辑复用 - 自定义指令
摘要： 自定义指令 除了 Vue 内置的一系列指令 (比如 v-model 或 v-show) 之外，Vue 还允许你注册自定义的指令 (Custom Directives)。 我们已经介绍了两种在 Vue 中重用代码的方式：组件和组合式函数。组件是主要的构建模块，而组合式函数则侧重于有状态的逻辑。另一方面 阅读全文
posted @ 2023-04-01 22:30 caix-1987 阅读(52) 评论(0) 推荐(0)
第二十九篇 vue - 逻辑复用 - 组合式函数
摘要： 什么是 组合式函数 在 Vue 应用的概念中，“组合式函数”(Composables) 是一个利用 Vue 的组合式 API 来封装和复用有状态逻辑的函数 当构建前端应用时，我们常常需要复用公共任务的逻辑。例如为了在不同地方格式化时间，我们可能会抽取一个可复用的日期格式化函数。这个函数封装了无状态的 阅读全文
posted @ 2023-04-01 22:29 caix-1987 阅读(118) 评论(0) 推荐(0)
第二十八篇 vue - 深入组件 - 动态组件 - component
摘要： component 动态组件就是动态变化的组件，和动态样式一样，通过用户的操作来确定是什么类型的组件。动态样式是绑定:style，动态组件则是绑定:is 在 vue 中，实现 Tab 切换主要有三种方式：使用动态组件，使用 vue-router 路由，使用第三方插件。本文将详细介绍Vue动态组件 所 阅读全文
posted @ 2023-04-01 11:44 caix-1987 阅读(569) 评论(0) 推荐(0)
第二十七篇 vue - 深入组件 - 内置组件 - Suspense
摘要： Suspense <Suspense> 是一个内置组件，用来在组件树中协调对异步依赖的处理。它让我们可以在组件树上层等待下层的多个嵌套异步依赖项解析完成，并可以在等待时渲染一个加载状态 <Suspense> 是一项实验性功能。它不一定会最终成为稳定功能，并且在稳定之前相关 API 也可能会发生变化 阅读全文
posted @ 2023-04-01 11:43 caix-1987 阅读(74) 评论(0) 推荐(0)
第二十六篇 vue - 深入组件 - 内置组件 - Teleport
摘要： Teleport <Teleport> 是一个内置组件，它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去 基本用法 有时我们可能会遇到这样的场景：一个组件模板的一部分在逻辑上从属于该组件，但从整个应用视图的角度来看，它在 DOM 中应该被渲染在整个 Vue 应用外部的其他 阅读全文
posted @ 2023-04-01 11:42 caix-1987 阅读(43) 评论(0) 推荐(0)
第二十五篇 vue - 深入组件 - 内置组件 - keepAlive
摘要： keepAlive <KeepAlive> 是一个内置组件，它的功能是在多个组件间动态切换时缓存被移除的组件实例 在平常开发中，有部分组件没有必要多次初始化，这时，我们需要将组件进行持久化，使组件的状态维持不变，在下一次展示时，也不会进行重新初始化组件 kee-alive 是 Vue 内置的一个组件 阅读全文
posted @ 2023-04-01 11:41 caix-1987 阅读(84) 评论(0) 推荐(0)
上一页 1 2 3 4 5 6 7 8 9 ··· 14 下一页