微语:代码适合中午敲,早晚出BUG
jsconfig.json在vue项目中如何使用 Vue
在Vue项目中,你可以通过以下步骤来使用jsconfig.json文件
-
在你的Vue项目的根目录下创建一个名为jsconfig.json的文件。
-
在jsconfig.json中添加以下配置:
{
"compilerOptions": {
"target": "es6",
"module": "esnext",
"baseUrl": ".",
"paths": {
"@/*": ["src/*"]
}
},
"exclude": ["node_modules", "dist"]
}
上述配置的含义是:
- target:指定编译器的目标版本,这里设为ES6。
- module:指定模块的导入导出规范,这里设为ES模块。
- baseUrl:指定相对于jsconfig.json文件的路径。
- paths:用于设置别名,例如@代表src文件夹,可以根据实际情况进行配置。
- exclude:指定需要排除的文件或文件夹,这里排除了node_modules和dist文件夹。
-
保存jsconfig.json文件。
-
接下来,你可以在你的Vue项目中使用别名来引用模块。例如,如果你有一个在src文件夹下的components文件夹,并且你在components文件夹中有一个Header.vue组件,你可以使用别名来引用它:
import Header from '@/components/Header.vue';
这里的@符号是之前在jsconfig.json中设置的别名,它指向了src文件夹,所以@/components/Header.vue实际上指向了src/components/Header.vue文件。
需要注意的是,jsconfig.json文件只在开发过程中起作用,对于构建打包后的代码是没有影响的。如果你使用的是Webpack等打包工具,你可能还需要相应的配置来解析别名。
uniapp获取微信小程序胶囊信息不兼容处理 uniApp
使用 #ifndef来判断是否兼容
// 兼容处理
// #ifndef H5 || APP-PLUS || MP-ALIPAY
//获取小程序悬浮球信息
let menuButtonInfo = uni.getMenuButtonBoundingClientRect()
this.menuButtonInfo = menuButtonInfo
// #endif
添加元素之前先判断是数组里面是否存在 微信小程序
使用includes来判断,如果存在就用filter来过滤出不一样的
if (this.sosuo.includes(so)) {
this.sosuo = this.sosuo.filter(num => num !== so);
}