VUE中CSS样式穿透1. 问题由来在做两款H5的APP项目，前期采用微信官方推荐的weui组件库。后来因呈现的效果不理想，组件不丰富，最终项目完成后全部升级采用了有赞开发的vant组件库。同时将webpack顺利从3升级到4（项目结构 webpack+vue+vuex+vue-router+vant+less）。相信好多做TOB的开发朋友都会选择顺手组件库。组件库内置了很多样式，方便了我们开发者
转载
2024-04-28 10:38:40
70阅读
1、CSS概念全称为Cascading Style Sheets(层叠样式表)，支持专有的文件 - 扩展名为".css"作用：将HTML的结构(HTML标签即html)与样式(显示的样式即css)进行分离² CSS语法结构语法格式：选择器{ 属性名称: 属性值; 属性名称: 属性值;} ² CSS 注释用来解释代码，且可随意编辑它，浏览器会忽略它。 格式：/* 内容 */2、如何使用C
转载
2023-09-23 07:03:46
42阅读
1、在对应.vue文件的 中引入（仅引入存在于项目的） 2、在.vue文件的 中引入（可引入存在于当前项目中的css或在线网址）...
在动画即将被执行的瞬间，会往div上增加两个class名：fade-enter、fade-enter-active。然后去掉fade-enter，增加fade-enter-to。接着动画继续执行，到结束的瞬间，会把最后两个class去掉。
原创
2019-07-16 17:54:10
1334阅读
点赞
显示原理： <transition name='fade'> <div v-if='show'>hello world</div> </transition> 当一个元素被transition包裹了之后，vue会自动当分析元素的css样式，然后构建一个动画的流程，在动画即将被执行的一瞬间，vue会在
转载
2018-09-20 06:53:00
176阅读
2评论
1. 问题由来 在做两款H5的APP项目，前期采用官方推荐的weui组件库。后来因呈现的效果不理想，组件不丰富，最终项目完成后全部升级采用了有赞开发的vant组件库。同时将webpack顺利从3升级到4（项目结构 webpackueuexue-routerant+less）。相信
转载
2020-10-19 16:19:00
600阅读
2评论
CSS 概述CSS 指层叠样式表 (Cascading Style Sheets)样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。sele
转载
2023-11-09 09:27:22
29阅读
一.全局引入import "@/文件路径"; //@代表的是你的项目根路径例如： 二、在style标签中引入(可设置成局部) 在标签上添加scop
原创
2023-05-29 11:59:16
474阅读
CSS中的背景图片写了相对路径，为什么不显示那？
【解决方法】
CSS中的背景图片路径应该写成相对于当前CSS文件的路径，而不是针对网站根目录的相对路径。
转载
2017-08-12 11:32:00
1222阅读
2评论
vue-router有两种模式：hash模式和history模式。带＃的则是hash模式。将router中的mode设置为history就可以
原创
2022-03-02 14:31:07
939阅读
前言 我们有时候因为一些特殊需求，可能需要将js/css/img等资源文件都打包到根路径下，但vue-cli3.0的路径配置中仅有assetsDir配置项能够配置所有的静态文件所在的文件夹，并不能针对css/js/img等资源文件分别来做设置，那么请看我如何尝试的吧！ 分析 众所周知，vue-cli
转载
2020-12-08 14:51:00
256阅读
2评论
vue中.class /deep/ .buttonClass{}表示强制生效你自定义的css样式
原创
2023-05-11 11:09:17
1106阅读
vue实例vue.js是通过 new View({…})来声明一个实例的，在这个实例中包含了当前页面的HTML结构、数据、还有事件。vue实例是MVVM模式中的viewModel，它实现了数据和视图的双向绑定。在实例化时我们可以传入一个选项对象，它包含数据、模板、挂载元素、方法、生命周期函数等选项。模板el：通过使用css选择语法来选择绑定的元素，如el : '#app' templete：需要和
先看一下产品需求，如下图所示， 产品要求图片和它的名称一一对应，本来是非常简单的需求，后台直接返回图片路径和名称，前台直接读取就可以了，但是我们没有存储图片的服务器，再加上是一个实验性的需求，图片需要存放到前台。当时我想，vue 中的img 的src 可以动态绑定到一个变量上， 很简单吗，就没有考虑太多，直接开始做了。 首先和后台商量一下数据结构，因为图片要和
转载
2024-03-23 10:27:29
325阅读
1、在css中使用变量 (1)css中声明变量 --color：red (2)使用变量 color:var(--
原创
2023-03-25 11:18:54
3756阅读
什么是CSS-in-JS？顾名思义，CSS-in-JS就是可以使用JS来编写CSS样式，那么为什么要用JS来编写CSS呢？我写CSS写的好好的，干嘛非给自己找不自在呢？相信以前大家都听说过这么一个词：关注点分离，就算没听过这个词那么你肯定至少也听说过这么一句话：要把HTML、CSS和JS分开编写，不要写在一起形成耦合，不要写行内样式和行内脚本等，比如像这样?CSS-in-JS但是React的出现打
转载
2024-05-22 15:45:26
45阅读
VUE 项目如何快速优化？参考地址：https://mbd.baidu.com/newspage/data/landingsuper?context=%7B%22nid%22%3A%22news_9738341038034501697%22%7D&n_type=0&p_from=1优化策略 生成打包报告 修改webpack默认配置 加载外部CDN资源 路由懒加载 开启gizp配置一
转载
2024-05-22 15:14:54
67阅读
Vue2基础(CDN方式)一、环境搭建1.Vue的引入<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.13/vue.js"></script>2.安装vue Devtools(v2)3.关闭cdn开发模式提示tip:关闭提示编码：使用了Vue的全局配置对象，更多配置请参考：API — Vue.js (vuejs.
转载
2024-04-03 11:48:32
67阅读
一：问题 在 CSS 或者 JS 中，有时候需要引入其他相关文件，若目录层级比较多，那么路径会相当长，而且重复书写，比较麻烦。为了解决这个问题，我们可以采用为路径设置别名的方式，来简化路径书写。二：设置别名步骤下例是使用 vue-cli3.0构建项目，步骤如下：1.新建 vue.config.js 文件，和package.json同层级
原创
2022-06-21 20:03:54
329阅读
今天带来一个Select组件的实现。首先，需要了解的是如何用Vue去实现一个组件？这个组件可以直接在HTML中以标签的形式存在。Vue自带一个component函数来定义组件，其参数也是一个对象，其中，template属性就是我们Select的结构；props也是一个对象，用来存储外部传来的参数，相当于是连接外界和组件内部的一个桥梁。如果需要利用事件来改变某些数据从而改变某些结构的渲染情况，那么还
转载
2024-04-29 14:12:48
257阅读
