混入 (
mixin
s)： 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。
1. 把混入对象混入到当前的组件中，方法和参数在各组件中不共享
export const my
Mixin
= {
data() {
return {
number: 1,
data: {
aa: 'haha'
在模版Admin中
最近
使用
scss
做了全局的
mixin
封装，用到背景图，意外发现通过相对路径引入图片后报错，大致意思为图片路径不对，改为了
使用
@代替src路径引入图片依然报错，一番百度后带出解决方案通过 ~@ 代替src路径进行图片引入
.box{
// background: url('@/assets/img/bg.png')
// 改为
background: url('~@/assets/img/bg.png')
做项目的时候遇到了
使用
混入方法不
生效
，但是才其他的选择器里面还可以
生效
，只是在自己写的选择器中不
生效
，后来发现了问题所在：
必须把/deep/ 必须放到选择器后面写，/deep/放到选择器前面其他样式
生效
，混入的方法@include background('color13');和
@include border(color6, "border-bottom");不
生效
所以切记/deep/...
想要在vue-cli中全局
使用
scss
的全局变量和 @
mixin
样式混入，需要安装插件，然后在 vue.conf.js 中配置
npm install style-resources-loader vue-cli-plugin-style-resources-loader --save-dev
可能有几个原因导致uni.
scss
不
生效
：
1. 文件路径不正确：如果文件路径不正确，
浏览器
将
无法
访问uni.
scss
文件并将其应用于网站。检查路径是否正确，并确保文件名的拼写正确。
2. 语法错误：如果uni.
scss
中存在语法错误，
浏览器
将
无法
正确解析它，并且不会应用样式。检查文件中是否存在错误或错别字，并尝试修复它们。
3. 缺少依赖项：如果uni.
scss
依赖于其他文件或库，但这些文件或库并未正确加载或安装，它将
无法
生效
。检查文件中是否调用了其他文件或库，并确保它们已正确加载或安装。
4. 权重问题：如果uni.
scss
的权重低于其他样式规则，
浏览器
将应用更高权重的样式并覆盖uni.
scss
。检查样式表中的所有规则，并确保uni.
scss
的权重高于其他规则。
5.
浏览器
缓存：如果
浏览器
缓存中存在旧版本的uni.
scss
文件，则不会加载新版本的文件。尝试清除
浏览器
缓存并重新加载网站，以确定是否解决了问题。
一旦确定了uni.
scss
不
生效
的原因，就可以采取相应的措施来修复它并确保样式表按预期工作。
