| Vue2中为页面/组件的原型添加公共属性： ??Vue.prototype.$xxx = .... | | Vue3中为页面/组件的原型添加公共属性： ??app.config.globalProperties.$xxx = .... |
?配置文件 config.js? ? ?
// 此文件保存着所有的项目配置数据
// 列如：服务器端API的地址
// 最终的使用方法: uni.request(this.$url.xxx)
// 即为所有的页面和组件对象身上添加一个$url属性
const url={
base:'http://211.103.248.18:9999/',
}
//首页数据
url.index=url.base+'data/product/details.php'
//首页列表&商品搜索
url.productList=url.base+'data/product/list.php'
//品牌列表
url.brands=url.base+'data/product/brand.php'
//商品类别/类目
url.category=url.base+'data/product/category.php'
//商品详情
url.details=url.base+'data/product/details.php'
//用户登录
url.login=url.base+'data/user/login.php'
//用户注册
url.register=url.base+'data/user/register.php'
//当前登录用户的详细信息:邮箱，电话，头像，昵称,
url.userInfo=url.base+'data/user/get_basic.php'
//不写default export {url} min.js import {url from} './config.js'
export default url
//不写default ? ? ?export ?{url}? ? ?min.js 引入? import {url from} './config.js' ?
export default url
?min.js引入
import App from './App'
//不写./ 就是在node modules找第三方文件 自己写必须写../
import url from './config.js'
// #ifndef VUE3
import Vue from 'vue'
Vue.config.productionTip = false
//Vue2每个页面和组件都继承自vue对象，在原型上添加$url
Vue.prototype.$url=url
App.mpType = 'app'
const app = new Vue({
...App
})
app.$mount()
// #endif
// #ifdef VUE3
import { createSSRApp } from 'vue'
export function createApp() {
const app = createSSRApp(App)
//Vue3每个页面和组件都继承自vue对象，在原型上添加$url
app.config.globalProperties.$url=url
return {
app
}
}
// #endif
|