- 博客(8)
- 收藏
- 关注
RSS订阅原创 08-Vue3 学习笔记 之 内置组件
内置组件Component 动态切换组件KeepAlive **缓存被移除的组件实例**单元素过渡 & 动画效果Transition 组件TransitionGroup 组件Teleport 组件 内置组件就是官方封装的全局组件，不需要手动导入，直接拿来用就可以了。Component 动态切换组件 有些场景会需要在两个组件间来回切换，可以使用 <component :is=“…”> 来在多个组件间作切换，被切换掉的组件会被卸载：component 是 Vue 的内置组件，
2023-10-12 15:22:22
801
原创 07-Vue 3 学习笔记 之 Vue 组件的使用
Vue 组件的使用组件的基本使用全局注册局部注册Dom 模板和字符串模板Dom 模板字符串模板异步组件基于 Vite 使用组件全局组件局部组件总结组件间的通信方式props 向子组件传递数据自定义事件非父子组件间通信依赖注入PubSubJSdefineExpose()插槽基本使用方式默认内容具名插槽作用域插槽组件的基本使用 组件（Component）是 Vue 最强大的功能之一，组件化开发就是把网页的重复代码抽取出来，封装成一个个可复用的视图组件，然后将这些视图组件拼接到一块就构成了一个完整的系统。这
2023-10-12 15:07:27
314
原创 06-Vue 3 学习笔记 之 Vue 自定义指令和插件
等价于 {{}} 用于显示内容，但区别在于{{}} 会造成闪烁问题， v-text 不会闪烁内容按普通 HTML 插入，可防止 XSS 攻击用于隐藏尚未完成编译的 DOM 模板，解决双大括号闪烁等问题根据表达式的真假值，切换元素的 display 属性来显示/隐藏元素根据表达式的真假值，来渲染元素前面必须有 v-if 或 v-else-if前面必须有 v-if 或 v-else-if遍历的数组或对象绑定事件监听器动态的绑定一个或多个属性，也可以是组件的 prop在表单控件或者组件上创建双向绑定。
2023-10-12 14:49:44
193
原创 05-Vue 3 学习笔记 之 响应式基础
响应式基础reactive 函数ref 函数浅层响应式对象只读代理readonly()shallowReadonly()响应式 APIisRef()unref()toRef()toRefs()isProxy()isReactive()isReadonly()reactive 函数 可以使用 reactive() 函数创建一个响应式对象或数组：<script setup lang="ts">import { reactive } from 'vue'// 创建响应式数组const
2023-10-09 19:34:06
159
原创 04-Vue3 学习笔记之 Vue 核心基础
Vue 核心基础数据模板绑定双大括号语法文本显示指令 v-text 和 v-cloak输出 HTML 指令一次性插值属性的动态绑定v-bind 的使用说明class 与 style 绑定事件绑定指令事件处理方法事件修饰符按键修饰符表单数据双向绑定条件渲染列表渲染迭代数组迭代对象v-memo计算属性监听器数据模板绑定 模板数据绑定渲染可生成动态的 HTML 页面，页面中使用嵌入 Vue 语法可动态生成：{{xxx}} 双大括号文本绑定v-xxx 以 v- 开头用于标签属性绑定，称为 指令双大括
2023-10-08 23:26:56
368
原创 03-Vue 3 学习笔记 之 Vue 简介
（一）了解 Vue 基础Vue 是一款用于构建用户界面的 JavaScript 框架，它基于标准HTMLCSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，可以帮助高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。
2023-09-16 23:14:36
187
原创 02-Vue 3 学习笔记 之 Visual Studio Code 工具介绍
Visual Studio Code（简称 VS Code 、VSC）是一款免费、开源、跨平台的现代化轻量级代码编辑器，支持语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比、GIT 等特性，并针对网页开发和云端应用开发做了优化。该软件可以跨平台，支持 Windows、Mac 以及 Linux 系统。支持 30 多种常用语言的语法高亮，对htmljscssAngular等有很好的语法支持，并且还支持MarkDown的预览体积小、功能强大、性能好，打开超大型的文本文件也不会卡死。
2023-09-16 11:24:06
140
原创 01-Vue 3 学习笔记 之 NPM 包管理工具
JavaScript 的包管理工具，并且是 Node.js 平台的默认包管理工具。文件夹，这时候需要通过命令下载 JS 库。本地安装就是将 JS 库安装在当前目录下（如：本地安装。可以使用下面的命令来进行全局安装模块（如：全局安装。如果初始化项目的时候全部采用默认信息，则可以使用。可以把 NPM 理解为前端的 Maven ，全局安装会将库安装到全局目录下，可以使用。命令查看当前的全局目录在哪里，也可以通过。生产环境安装就是把模块的版本信息保存在。开发环境安装就是把模块的版本信息保存在。
2023-09-16 10:00:55
249
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人