vue3中 封装JS 限制字数的方法（export、export default）

在公共文件夹下，封装JS的方法，用export或者export default输出，然后在需要引入的组件中用import引入。

// 可以在函数外面加一个log，判断方法是否引入成功

components文件夹下的公共js方法文件：

如果不加export或者export default输出的话，组件中引入会报错说找不到方法

// export default方法输出
export default
    // 用js限制字数，超出部分以省略号...显示
    function LimitNumber(txt) {
    let str = txt
    if (str.length >= 9) {
        str = str.substr(0, 9) + '..'
    }
    return str
}

//  export 方法输出
export
    // 用js限制字数，超出部分以省略号...显示
    function LimitNumber(txt) {
    let str = txt
    if (str.length >= 9) {
        str = str.substr(0, 9) + '..'
    }
    return str
}
// 可以在函数外面加一个log，判断方法是否引入成功
// console.log('已经加载完成')

在组件下引用:

// 这是用export default方法输出时这样引入，不用加大括号
import js方法名 from 'js方法地址'

// 这是用export方法输出时这样引入，需要加大括号
import { js方法名 } from 'js方法地址'