22所食堂管理项目(若依框架)

本文探讨了在Vue项目中遇到的各种问题及其解决方案,包括:使用local history插件避免git生成history目录,理解vue的scoped样式私有化,解决less引入报错问题,以及Vue视图不更新的原因和响应式原理。还提到了Vue组件中如何处理子组件样式影响,以及在第三方组件中设置必选属性提示中文的方法。
摘要由CSDN通过智能技术生成

Q1
.history文件
首先,vscode不会有历史更改记录,所以安装了local history插件
但是每次提交git的时候都会生成一个history目录
解决方法:直接加到git ignore里面就好了

Q2
scope
在 vue 文件中的 style 标签上,有一个特殊的属性:scoped 。当一个 style 标签拥有 scoped 属性时,它的 CSS 样式就只能作用于当前的组件,vue通过在DOM结构以及css样式上加唯一不重复的标记,以保证唯一,达到样式私有化模块化的目的。也就是说,该样式只能适用于当前组件元素。通过该属性,可以使得组件之间的样式不互相污染。如果一个项目中的所有 style 标签全部加上了 scoped ,相当于实现了样式的模块化。但是会造成一种后果:每个样式的权重加重了:理论上我们要去修改这个样式,需要更高的权重去覆盖这个样式。这是增加复杂度的其中一个维度。

  scoped三条渲染规则:

1、给HTML的DOM节点加一个不重复data属性(形如:data-v-19fca230)来表示他的唯一性

2、在每句css选择器的末尾(编译后的生成的css语句)加一个当前组件的data属性选择器(如[data-v-19fca230])来私有化样式

3、如果组件内部包含有其他组件,只会给其他组件的最外层标签加上当前组件的data属性
之前有一次进入页面之后所有页面的样式都被改变了,加入scoped之后就不会影响到别的页面了

在vue的开发中,我们需要引用子组件,包括ui组件(element、ivi

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值