左扬 - 博客园

2023年11月10日

摘要：异步组件一、基本用法在大型项目中，我们可能需要拆分应用为更小的块，并仅在需要时再从服务器加载相关组件。Vue 提供了defineAsyncComponent方法来实现此功能： import { defineAsyncComponent } from 'vue' const AsyncComp = 阅读全文

posted @ 2023-11-10 11:17 左扬阅读(51) 评论(0) 推荐(0) 编辑

vuejs3.0 从入门到精通——动态组件

摘要：动态组件一、App.vue <template> <ul>  <li v-for='(item, index) in tabList' :key='index' @click="() => { currentComponent.co 阅读全文

posted @ 2023-11-10 10:43 左扬阅读(856) 评论(0) 推荐(0) 编辑

2023年11月9日

vuejs3.0 从入门到精通——Teleport

摘要： Teleport <Teleport>是一个内置组件，它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。一、基本用法 https://cn.vuejs.org/guide/built-ins/teleport.html#basic-usage 有时我们可能会遇到这样的场阅读全文

posted @ 2023-11-09 16:19 左扬阅读(78) 评论(0) 推荐(0) 编辑

2023年11月8日

vuejs3.0 从入门到精通——Element Plus 组件库

摘要： Element Plus 组件库一、Element Plus 基于 Vue 3，面向设计师和开发者的组件库。二、完整导入 https://element-plus.org/zh-CN/guide/quickstart.html#完整引入如果你对打包后的文件大小不是很在乎，那么使用完整导入会更方阅读全文

posted @ 2023-11-08 16:18 左扬阅读(378) 评论(0) 推荐(0) 编辑

vuejs3.0 从入门到精通——插槽

摘要：插槽一、匿名插槽 App.vue: <script setup> import A from './FancyButton.vue' </script> <template> <A> 这是 XXXX 数据 </A> </template> FancyButton.vue: <template> < 阅读全文

posted @ 2023-11-08 15:16 左扬阅读(123) 评论(0) 推荐(0) 编辑

2023年11月6日

vuejs3.0 从入门到精通——组件传值方法——兄弟组件之间的传值

摘要：兄弟组件之间的传值一、第一种方案 A组件-->父组件-->B组件 1.1、A组件 <template> <div> <h1>A组件</h1> <button @click="changeA">按钮</button> </div> </template> <script setup lang='ts 阅读全文

posted @ 2023-11-06 16:13 左扬阅读(366) 评论(0) 推荐(0) 编辑

2023年11月2日

vuejs3.0 从入门到精通——组件传值方式1——props/$emit（父子传值）

摘要：组件传值方式1 —— props / $emit（父子传值）一、父传子 1.1、父组件通过 props 传递数据在父组件中，创建了一个名为List的子组件实例，并通过:msg="msg"语法将父组件的msg数据传递给子组件。这里的msg是一个响应式引用（使用ref创建），初始值为'这是父传过去阅读全文

posted @ 2023-11-02 17:21 左扬阅读(363) 评论(0) 推荐(0) 编辑

vuejs3.0 从入门到精通——Vue3代码风格

摘要： Vue2、Vue3代码风格一、导入方式 Vue2 使用require导入方式，例如： var Vue = require('vue') Vue3 支持 ES6 的 import 方法，例如： import { createApp } from 'vue' 二、组件定义 Vue2 使用Vue.com 阅读全文

posted @ 2023-11-02 10:56 左扬阅读(182) 评论(0) 推荐(0) 编辑

vuejs3.0 从入门到精通——Vite解决@问题

摘要： Vite 解决 @ 问题在Vue3和Vite中，@符号通常用于别名，指向src目录。这是Vue CLI项目的默认设置，但在Vite项目中，你需要手动配置这个别名。在Vite中，你可以在vite.config.js文件中配置别名。这是一个配置示例： import { fileURLToPath, 阅读全文

posted @ 2023-11-02 10:51 左扬阅读(862) 评论(0) 推荐(0) 编辑

vuejs3.0 从入门到精通——基于 Vite 搭建 Vue3 项目

摘要：基于 Vite 搭建 Vue3 项目一、为什么选 Vite https://www.vitejs.net/ 在浏览器支持 ES 模块之前，JavaScript 并没有提供的原生机制让开发者以模块化的方式进行开发。这也正是我们对 “打包” 这个概念熟悉的原因：使用工具抓取、处理并将我们的源码模块串联阅读全文

posted @ 2023-11-02 10:03 左扬阅读(3310) 评论(0) 推荐(1) 编辑

左扬(你们的胃叫胃，孤的叫胃PLUS)

读书不觉春已深，一寸光阴一寸金。

公告