vue @mixin 使用

在vue 中使用mixin

1，在assets文件夹中新建 style文件夹，新建mixin.scss文件

@mixin cutText{
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

2,在home.vue中使用

<div>
    很多文字，长度比整个宽还要多，做出来在这段文字最后用...来表示。。
</div>

<style>
必须在style中导入，导入位置不对会报错。

	@import '../assets/styles/mixin.scss' 
        div{
            @include cutText();
}
</style>