vue学习日记

vue覆盖html,VUE 如何覆盖element组件样式

我们通常的vue工程都是用vue-cli自动生成出来的，不知道大家有没有发现一个细节——生成的*.vue文件上会默认带上“scoped”，如下图：UI库不好覆盖的问题
张盼锋·2024-02-01 18:34

Vue覆盖子组件的样式

但我们在vue组件的标签里添加了scoped之后，是无法修改子组件的样式的，这个时候我们可以在子组件的选择器前加一个深度选择器（/deep/）如下：/deep/.el-son{/*要覆盖的样式*/}有个需要注意的地方
寂夜江潮·2024-02-01 18:33

vue 子组件样式覆盖问题 浅谈 scoped与 deep

关于scopedcss在页面定义的style中设置scoped/*全局样式*//*本地页面样式*/当标签有scoped属性时，它的CSS只作用于当前组件中的元素。这类似于ShadowDOM中的样式封装。它有一些注意事项，但不需要任何polyfill。它通过使用PostCSS来实现以下转换：.example{ color:red;} hi转换结果：.example[data-v-f3f3eg9]{ 
蓝晶之心·2024-02-01 18:33

ES6总结

提交给欧洲计算器制作联合会版本97年1.098年2.099年3.0（之前的js版本）2000年4.0倍和谐09年5.0（很多新特性没学）15年es6正式确定前端框架与语言jsjqueryangularreactvuetypescript
吃肉肉不吃肉肉·2024-02-01 18:45

基于SSM个人所得税服务系统

作者主页：计算机毕业设计老哥有问题可以主页问我一、开发介绍1.1开发环境开发语言：Java数据库：MySQL系统架构：B/S后端：SSM(Spring+SpringMVC+Mybatis)前端：Vue工具
计算机程序老哥·2024-02-01 18:39

案例-轮播图

轮播图学完了vue才发现自己居然没有用js写过轮播图，因此想来补一下，并简单记录以下轮播图点击切换需求：当点击左右的按钮，可以切换轮播图分析：①：右侧按钮点击，变量++,如果大于等于8,则复原0②：左侧按钮点击
Kiwi23333·2024-02-01 18:00

Vue2（七）：脚手架、ref属性、props配置项、mixin混入、插件、scoped样式

q=render函数&spm=1001.2101.3001.7020)1.来看下main.js文件1.vue.js与vue.runtime.xxx.js的区别2.render函数是干啥的？
Kiwi23333·2024-02-01 18:59

Vue2（十二）：Vuex

一、Vuex1.Vuex的环境搭建1.1安装vuex安装：npmivuex@3注意Vue2一定要安装vuex3，如果是vue3可以直接npmivuex安装的是vuex4，可以去package.json文件里看下
Kiwi23333·2024-02-01 18:59

vue组件样式覆盖

/styles/index.scss'...方式二：组件内样式隔离React项目使用的是用的是CSSModule，Vue项目使用Scoped标记。保证样式
史学娇·2024-02-01 18:29

vue 子组件样式覆盖问题 scoped deep

前言：在项目开发过程中，经常会遇到需要在父组件内部覆盖子组件样式的场景，这种场景在使用第三方库开发时更为常见。如何处理好全局样式和局部样式对于长期更新维护的项目来说是非常重要的。scoped分析：对于SPA项目，只有一个页面，页面内容被拆分成了一个个组件，组件加载完成后，组件的样式也都加载在同一个页面内，所以这些组件的样式都可以看成全局样式，对其他组件都有效，要避免当前组件的样式对其他组件产生污染
FortheOne·2024-02-01 18:29

vue-antd form组件封装

表单项–公用组件（vue-antd）1、废话不多说，先看具体效果，如下图：效果图表单校验图：校验均写在组件之中，跟当前页面文件无任何关系，当前页面只接受组件传递过来的参数…2、组件代码如下：在vue项目中
Demo研习社·2024-02-01 18:57

vue3初体验-基于vue3+ant design封装公共弹框

parent.vueimport{defineComponent,reactive,ref}from'vue';importcustomMultipleModelfrom'/@/components/custonMultipleSelection
温酒斟与你·2024-02-01 18:57

使用vue+antd，自定义vue组件，实现功能复用

1.啰唆两句1）、工作中，我们会发现有些前端操作是经常会用到的，我们就拿Table表格的添加和修改举例子，如果用到一次写一次,那我们的代码就太臃肿了；2）、我们可以把这些可以复用的功能抽成一个组件来循环使用，哪里需要用到就只需要去调用就行了。3）、重点是学思路，学方法。2.直接上图1）、这是需要做的样式界面。2）、这是添加界面3）、这是修改界面4）、思路分析其实添加数据跟修改数据的界面都是一模一样
小栗子58·2024-02-01 18:56

vue3 + antd 封装动态表单组件（四）

传送带vue3+antd封装动态表单组件（一）vue3+antd封装动态表单组件（二）vue3+antd封装动态表单组件（三）前置条件vue版本v3.3.11ant-design-vue版本v4.1.1
guizi0809·2024-02-01 18:25

Vue组件中使用canvas实现蜂巢效果的一些尝试

Vue组件中使用canvas实现蜂巢效果的一些尝试 前段时间，看到D3.js的官方网站的蜂巢效果，感觉不错，不过一直没有时间去实际的实现下，借这次机会，算是填了前面的坑~~，先来看看d3.js的效果图：
lookingForw_4585·2024-02-01 17:03

为什么使用vue的作用域插槽？什么时候使用？

本篇文章带大家详细了解一下vue的作用域插槽。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。imageVue插槽是一种将内容从父组件注入子组件的绝佳方法。
浅浅而谈·2024-02-01 17:02

Vue.js 学习14 集成H265web.js播放器实现webpack自动化构建

Vue.js学习14集成H265web.js播放器实现webpack自动化构建一、项目说明1.H265web.js简介2.准备环境二、项目配置1.下载H265web.js2.在vue项目里引入H265web3
编程圈子·2024-02-01 17:03

js实时获取文本框内容

因为暂时还没看vue的知识，就想先用JavaScript来试试看能不能实现要求。
玻璃瓶和纸飞机·2024-02-01 17:30

vue3快速上手-vue3核心语法-做项目必备

1.vue3简介2020年9月18日，Vue.js发布版3.0版本，代号：OnePiece（n经历了：4800+次提交、40+个RFC、600+次PR、300+贡献者官方发版地址：Releasev3.0.0OnePiece
前端进阶中·2024-02-01 17:00

TS + vue3 + element-plus 分页组件封装

导致以为是子组件无法监听到父组件的数据变化导致的，后面查看文档使用v-model="current_page"视图就可以变化了父组件import{onMounted,reactive,ref}from"vue
Memory灬番薯·2024-02-01 17:59

Vue3+TS+移动端-购物车实现详细步骤+项目优化

分析得到:因为购物车,在几个页面都是需要进行数据互通,主页面,商品页面,详情页面,三个不同的组件,要实现一个页面数据变化,另外页面数据跟着变化,那必须要使用vue中vuex,因为是vue3也可以使用piniavuex
前端进阶中·2024-02-01 17:59

Vue3项目封装一个Element-plus Pagination分页

组件新建一个分页组件,用来进行封装组件.第二步:根据官方的进行定义,官方提供的这些,需要我们封装成动态模式第三步:代码改造import{ref,defineProps,defineEmits}from'vue'constprops
前端进阶中·2024-02-01 17:59

vue全屏，退出全屏

一、所有内容全屏{{isFull?'关闭全屏':'全屏'}}exportdefault{data(){return{isFull:false,//全屏显示true}},created(){},mounted(){},methods:{//全屏----starttoFullOrExit(){this.isFull=!this.isFullif(this.isFull){this.requestFul
Best_Liu~·2024-02-01 16:16

[N-133]基于springboot,vue小说网站

开发工具：IDEA服务器：Tomcat9.0，jdk1.8项目构建：maven数据库：mysql5.7系统分前后台，项目采用前后端分离前端技术：vue+elementUI服务端技术：springboot
IT教程资源_·2024-02-01 16:15

[N-135]基于springboot,vue高校图书馆管理系统

开发工具：IDEA服务器：Tomcat9.0，jdk1.8项目构建：gradle-5.6.4数据库：mysql5.7系统分前后台，项目采用前后端分离前端技术：vue+elementUI服务端技术：springboot
IT教程资源_·2024-02-01 16:15

(免费分享)基于 springBoot,vue的智能停车场系统

基于SpringBoot+Vue的智能停车场项目基础环境JDK1.8、Maven、Mysql、IntelliJIDEA、payCloud相关组件ok-admin、vue、iView、echarts、clipboard
IT教程资源_·2024-02-01 16:45

(免费分享)基于springboot,vue疗养中心管理系统

前端：vue+elementUI技术：springboot+mybatis+redis数据库：mysql功能：系统管理、信息管理、膳食管理、护理管理、床位管理、后勤管理、费用管理等获取完整源码：大家点赞
IT教程资源_·2024-02-01 16:44

VUE PC端可拖动悬浮按钮

一、实现效果：二、FloatButton.vue{{name}}exportdefault{name:"suspensionBall",props:{name:{type:String,default:
Best_Liu~·2024-02-01 16:43

[N-136]基于springboot,vue在线聊天系统

开发工具：IDEA服务器：Tomcat9.0，jdk1.8项目构建：maven数据库：mysql5.7系统分前后台，项目采用前后端分离前端技术：TypeScript+Vue3.0+ElementUI-Plus
IT教程资源_·2024-02-01 16:13

使用Docker部署SpringBoot+Vue博客系统

作者：zzzzbwsegmentfault.com/a/1190000016557755在今年年初的时候，完成了自己的个Fame博客系统的实现，当时也做了一篇博文Spring-boot+Vue=Fame
JAVA葵花宝典·2024-02-01 16:08

Vue基础篇（三）

第四章v-bind以及class与style的绑定应用场景:DOM元素经常会动态地绑定一些class类名或style样式了解v-bind指令—v-bind的复习链接的href属性和图片的src属性都被动态设置了，当数据变化时，就会重新渲染。在数据绑定中，最常见的两个需求就是元素的样式名称class和内联样式style的动态绑定，它们也是HTML的属性，因此可以使用v-bind指令。我们只需要用v-
缺月楼·2024-02-01 16:42

实现vue3响应式系统核心-shallowReactive

代码地址：https://github.com/SuYxh/share-vue3代码并没有按照源码的方式去进行组织，目的是学习、实现vue3响
Timer@·2024-02-01 16:06

vue3：中warch监听的几种写法

作用：监视数据的变化（和vue2中的watch作用一致）特点：vue3中watch只能监视以下四种数据：1、ref定义的数据2、reactive定义的数据3、函数返回的值（getter函数）4、前面3个内容的数组写法情况一监视
荀鼠不是鼠·2024-02-01 16:02

基于SpringBoot实现的社区疫情管理系统

基于SpringBoot实现的社区疫情管理系统前端采用了Vue+BootStrap技术进行开发,数据库为中小型企业常用的mysql数据库，后台技术采用SpringBoot+Mybaits+Spring技术框架由于老师叫我做的是居民隔离时的物资发放
星尘库·2024-02-01 16:23

Vue.js 2.0 基础知识 之 学习笔记

系列文章目录提示：阅读本章之前，请先阅读目录文章目录系列文章目录前言初识Vue.js实例化Vue，让Vue运行起来favicon图标加载问题Vue模板支持js表达式一个Vue容器只会接管一个元素一个元素只能被一个
smobee·2024-02-01 16:48

vue.js设计与实现2 建立简单的响应式系统

建立简单的响应式系统1.初始响应式数据与副作用函数在vue.js中，假设我有一个文字节点，以来于一个字符串的变量，每当我修改这一个变量本身，那么这个文字节点在稍后也会改变。
安河桥以北c·2024-02-01 16:18

vue.js学习笔记

1、简介概述：Vue是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。
姜羅·2024-02-01 16:48

2022 新书《Vue.js 设计与实现》读书笔记

开始《Vue.js设计与实现》是2022年出版的新书，价格也比较贵，但物有所值，作者肯定是花费了大量的精力来编写。
姑老爷呀·2024-02-01 16:46

Vue.js设计与实现读书笔记一

第一章权衡的艺术1.什么是声明式和命令式？更新局部数据innerHTML和虚拟DOM以及原生DOM操作之间的性能对比？=》声明式就是：给参数然后不用管过程，直接得到结果命令式：从一步一步从开始到结果，声明式式命令式的封装命令式：效率高声明式：维护方便简单=》innerHTML跟新数据，是必须跟新全部数据，计算量包括，DOM操作innerHTML原理创建一个fragment(document碎片)将
改行不做程序员了·2024-02-01 16:46

vue.js详细笔记1 入门必看

一套构建用户界面的渐进式（自底向上逐层的应用）JavaScript框架Vue的特点采用组件化模式，提高代码复用率、且让代码更好维护声明式编码，让编码人员无需直接操作DOM，提高开发效率使用虚拟DOM+优秀的
每天都要进步哦·2024-02-01 16:44

【Vue】vue项目中使用tinymce富文本组件（@tinymce/tinymce-vue）

【Vue】vue项目中使用tinymce富文本组件（@tinymce/tinymce-vue）一、安装二、前期准备工作1、去[官网](https://www.tiny.cloud/get-tiny/language-packages
香菜啵子欸·2024-02-01 16:44

《Vue.js 技术与实现》第4章 响应式系统的作用和实现 阅读总结

即使之前自己实现过一遍属于自己的mini-vue，看完本章依然觉得填补了我很多知识盲区，收获很多，但一时很难消化。此刻难消化的原因：很难在头脑中重现源码
兰亭古墨·2024-02-01 16:14

Vue.js快速入门

以下为本人观看黑马程序员Vue框架学习视频所做的笔记视频连接：01.课程介绍_哔哩哔哩_bilibili目录Vue基础第一个Vue程序el挂载点data数据对象本地应用内容绑定和事件绑定v-textv-htmlv-on
大家好我是Boger·2024-02-01 16:44

Vuejs设计与实现2-响应系统

目录二、响应系统响应系统作用域实现非原始值的响应式方案合理的响应触发代理数组代理set与map第二章快速总结二、响应系统响应系统作用域实现响应式数据在vue3中使用proxy代理实现，基本原理：当读取操作发生时
Zhillery·2024-02-01 16:44

[Vue.js] 一篇超级长的笔记，给《Vue.js 实战》划个重点

本文前言本笔记建立在书籍《Vue.js实战/梁灏编著》的基础上，旨在帮助有Vue.js基础的朋友快速回忆Vue.js的细碎内容。初学者建议阅读《Vue.js实战》全书进行系统学习。
封闭式基金·2024-02-01 16:43

vue.js设计与实现——读书笔记(每日更新)

命令式：命令式框架的一大特点就是关注过程声明式：声明式框架更注重结果vue.js的内部实现一定是命令式的，而暴露给用户的却更加声明式1.2性能和可维护性的权衡命令式代码的性能是一定优于声明式代码的！
Dnhz-w·2024-02-01 16:13

【Vue.js设计与实现】第二篇：响应系统-阅读笔记（持续更新）

系列目录：标题博客第一篇：框架设计概览【Vue.js设计与实现】第一篇：框架设计概览-阅读笔记第二篇：响应系统【Vue.js设计与实现】第二篇：响应系统-阅读笔记第三篇：渲染器【Vue.js设计与实现】
karshey·2024-02-01 16:12

使用Server-Sent Events实现后端主动向前端进行通信

目录概述使用Server-SentEvents(SSE)示例1.创建SpringBoot项目添加web依赖，并编写以下代码2.创建Vue项目并在项目的.vue文件中编写以下代码效果说明使用触发的方式向前端传递数据总结概述在典型的前后端分离架构中
五十六精研·2024-02-01 16:10

仅以此勉励我自己

前端工程师，开发用各种elementUI之类的组件和VUE框架，每天写的业务代码就是调接口，然后对数组对象各种增删查改过滤去重，重组数据，渲染页面，很难有机会提高。
轻绘梨花泪沾衣_·2024-02-01 16:18

three.js和vue.js学习 -- 创建一个3d模型demo

threejs/docs模型下载链接：https://sketchfab.com/feed属于对该项目的学习，对于其中基础部分的细分和笔记准备three的流程参考图Part1：创建项目，引入three同样使用vue-cli
深海大大·2024-02-01 15:21
上一页 99 100 101 102 103 104 105 106 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他