vue引入包mysql_vue中import引入文件和使用的方式总结

export const sqrt = Math.sqrt;

export function square(x) {

return x * x;

}

export function diag(x, y) {

return sqrt(square(x) + square(y));

}

import * as lib from 'lib';

使用 lib.sqrt/lib.square()

4  只是导入,不需调用如css或类库

import "./assets/less/style.less";

import AXIOS from 'axios';

5 动态引入

async function main() {

const myModule = await import('./myModule.js');

const {export1, export2} = await import('./myModule.js');

const [module1, module2, module3] =

await Promise.all([

import('./module1.js'),

import('./module2.js'),

import('./module3.js'),

]);

}

main();

//这个文章特别好

https://zhuanlan.zhihu.com/p/575653716.文本溢出显示省略号

单行文本溢出显示省略号

overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;

多行文本显示省略号

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3;

overflow: hidden;

但是你会发现有的浏览器设置上-webkit-box-orient: vertical; 不起作用

解决方式如下

/* autoprefixer: off */

-webkit-box-orient: vertical; // 参考 https://github.com/postcss/autoprefixer/issues/776

/* autoprefixer: on */

通过腻子来实现生效