uni-app项目和pages同级的static不能放css js 只能放静态文件,比如图片
可以新建同级文件夹common 来存放css和js
父子 子父
兄弟传值 还有高阶用法 provide inject
全局注册
在main.js中
// 导入模块
import global from "./utils/global.js"
Vue.prototype.$global=global
在global.js中
// 全局的公共数据存储模块
const baseUrl="http://localhost:3000";
export default{
baseUrl,
}
在Index.vue中使用
mounted(){
console.log(this.$global.baseUrl)
},
引入静态资源
css:
绝对路径:
@ /根
相对路径:
./ …/ …/…/
js
绝对路径
@
相对路径
…/…/ ./
图片
绝对路径
@/ /
相对路径
./ …/ …/…/
js文件或script标签内(包括 renderjs 等)引入js文件时,可以使用相对路径和绝对路径,形式如下
// 绝对路径,@指向项目根目录,在cli项目中@指向src目录
import add from '@/common/add.js';
// 相对路径
import add from '../../common/add.js';
css
使用@import语句可以导入外联样式表,@import后跟需要导入的外联样式表的相对路径,用;表示语句结束。
<style>
@import "../../common/uni.css";
.uni-card {
box-shadow: none;
}