Vue
文章平均质量分 85
前端框架Vue
墨苒孤
这个作者很懒,什么都没留下…
展开
-
【vue3】transition 属性 加上 mode=“out-in“ 页面跳转出现空白
仅支持单个元素或组件作为其插槽内容。如果内容是一个组件,这个组件必须仅有一个根元素。/* fade-transform 过渡动画*/这个里面的内容也必须是一个根组件,原创 2024-09-03 18:30:00 · 779 阅读 · 0 评论 -
【Electron】Electron学习笔记
Electron是一个跨平台桌面应用开发框架,开发者可以利用HTMLCSSJavaScript等Web技术来构建桌面应用程序。它本质上是结合了Chromium和Node.js,目前广泛用于桌面应用程序开发。例如,许多桌面应用都采用了Electron技术。Electron官网以下这些都是使用了Electron: 一个流行的开源代码编辑器,由Microsoft开发。GitHub官方提供的桌面客户端,用于管理Git代码仓库。1Password: 一个密码管理工具,提供安全的密码保存和管理功能。新版QQ。原创 2024-08-27 20:30:00 · 1061 阅读 · 0 评论 -
【VS Code】 vue项目使用scss显示语法错误、build编译正常
解决scss在vscode中报错问题原创 2024-08-13 20:30:00 · 250 阅读 · 0 评论 -
【Vue】高级系列(二)消息订阅与发布--$nextTick--动画效果
作用:在插入、更新或移除 DOM元素时,在合适的时候给元素添加样式类名。图示:写法:元素进入的样式:v-enter:进入的起点v-enter-active:进入过程中v-enter-to:进入的终点元素离开的样式:v-leave:离开的起点v-leave-active:离开过程中v-leave-to:离开的终点使用你好啊!,且每个元素都要指定key值。原创 2023-12-28 10:40:26 · 1027 阅读 · 0 评论 -
Vue3的组件通信深入-props--自定义事件-mitt的使用-v-model在vue3中的原理-useAttrs--ref与$parent--provide与inject--pina--slot
我是子组件2点击我触发xxx自定义事件原创 2023-05-24 11:41:29 · 4389 阅读 · 0 评论 -
Vue 组件通信--Event深入--v-model深入--属性修饰符sync--$attrs和$listeners--$children和$parent--混入mixin--scope-slot
Vue组件通信深入。原创 2023-05-14 14:45:48 · 292 阅读 · 0 评论 -
Vue报错:Mixed spaces and tabs no-mixed-spaces-and-tabs 解决办法
最近在学习集成第三方动画时(animate.style),报错如下完美解决!!!参考 https://blog.csdn.net/weixin_46167190/article/details/122800825原创 2022-06-20 23:14:24 · 178 阅读 · 0 评论 -
【Vue】高级系列(一)Vue组件 - ref - props - mixin - 插件 - scoped - 浏览器本地存储 - 全局事件总线
案例:案例地址https://github.com/RanGuMo/vue_test功能:让组件接收外部传过来的数据传递数据:接收数据:第一种方式(只接收):第二种方式(限制类型):第三种方式(限制类型、限制必要性、指定默认值):功能:可以把多个组件共用的配置提取成一个混入对象使用方式:第一步定义混合:第二步使用混入: 全局混入: 局部混入:案例一(局部混合):案例二(全局混合):功能:用于增强本质:包含方法的一个对象,的第一个参数是,第二个以后的参数是插件使用者传递原创 2022-06-14 23:26:01 · 273 阅读 · 0 评论 -
【Vue】基础系列(七)--生命周期--非单文件组件--单文件组件(重点)--使用 Vue 脚手架
初始化显示初始化后,挂载更新状态销毁 vue 实例: vm.$destory()图解说明尚硅谷的生命周期解说视频https://www.bilibili.com/video/BV1Zy4y1K7SH?p=48引出生命周期的例子:效果存在问题:使用创建,其中和时传入的那个几乎一样,但有以下区别不要写——因为最终所有的组件都要经过一个的管理,由中的决定服务哪个容器必须写成函数——备注:使用可以配置组件结构。案例如下:关于组件名:一个单词组成:第一种写法(首字母小写):第二种原创 2022-06-05 23:29:08 · 241 阅读 · 0 评论 -
【Vue】基础系列(六)--收集表单数据--过滤器--(v-text)--(v-html)--(v-cloak)--(v-once)--(v-pre)--自定义指令
6.1 收集表单数据的注意事项<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>收集表单数据</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <body> <!-- 准备好一个容器--原创 2022-06-01 23:38:33 · 168 阅读 · 0 评论 -
【Vue】基础系列(五)--条件渲染( v-show和v-if)--列表渲染(v-for)--key的原理--列表过滤(watch和computed实现)--Vue监测数据改变的原理
5.1.条件渲染(v-show)添加样式隐藏(display: none)<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>条件渲染</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <body&原创 2022-05-22 22:42:08 · 374 阅读 · 0 评论 -
【Vue】基础系列(四)-绑定样式(class和style)
4.1.class 与 style 样式绑定在应用界面中, 某个(些)元素的样式是变化的class/style 绑定就是专门用来实现动态样式效果的技术(例如点击按钮就切换样式)4.1.2.class 绑定:class=‘xxx’表达式是字符串: ‘classA’表达式是对象: {classA:isA, classB: isB}表达式是数组: [‘classA’, ‘classB’]4.1.2.1. :class=‘xxx’例子如下:<!DOCTYPE html>原创 2022-05-16 22:41:31 · 715 阅读 · 0 评论 -
【Vue】基础系列(三) -计算属性(computed)-监视属性(watch)
3.1. 计算属性(computed)计算属性: 1.定义:要用的属性不存在,要通过已有属性计算得来。 2.原理:底层借助了Objcet.defineproperty方法提供的getter和setter。 3.get函数什么时候执行? (1).初次读取时会执行一次。 (2).当依赖的数据发生改变时会被再次调用。 4.优势:与methods实现相比,内部有缓存机制(复用),效率更高,调试方便。 5.备注: 1.计算属性最终会出现在vm上,直接读取使用即可。 2.如果计原创 2022-05-09 21:34:15 · 386 阅读 · 0 评论 -
【Vue】基础系列(二)数据代理(Object.defineProperty) - 事件处理
1.Object.defineProperty特点:不可枚举(说白了,就是不可遍历)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>06_回顾Object.defineProperty方法</title></head><body> <script type="text/javas原创 2022-05-08 20:40:34 · 216 阅读 · 0 评论 -
【Vue】基础系列(一)初识Vue - 创建Vue对象 - 模板语法 - 双向数据绑定 - el和data的两种写法 - MVVM模型
1.什么是Vue?一套用来动态构建用户界面,渐进式 JavaScript的 框架。1.1.何为渐进式?可以由 核心库 逐渐变成各种各样的Vue插件(即,由简单应用到复杂应用)1.2.Vue的作者?1.3.Vue的特点?采用组件化模式,提高代码复用率、且让代码更好维护声明式编码,让编码人员无需直接操作DOM,提高开发效率使用虚拟DOM和Diff算法,尽量复用DOM节点1.4. 与其他前端框架的关联借鉴 angular 的 模板 和 数据绑定 技术借鉴 react原创 2022-02-21 22:59:53 · 1863 阅读 · 0 评论