uni-app 全局变量的几种实现方式 优点:对uniapp理解的很深刻 uni-app多种设置全局变量及全局变量重新赋值优点:写的很踏实、易用 vue 和 nvue 共享的变量和数据
uniapp里nvue和vue的关系是什么啊?为什么有vue文件了还要再重新为app单独写一份nvue呢 nvue开发与vue开发的常见区别
第一篇理解uniapp,第二篇实操,加上配置文件融合到vuex里面,既保持结构清晰,又保证vue、nvue数据通用。
common中创建config.js配置文件
export default {
title:'自己创造的写全局配置的方法',
config_webside:'https://www.baidu.com/',
obj:{
title: '子对象',
}
}
store下index.js
//模仿
import Vue from 'vue'
import Vuex from 'vuex'
import config from '../common/config.js'
Vue.use(Vuex)
const store = new Vuex.Store({
state: {
login: false,
token: '',
avatarUrl: '',
userName: '',
globalWebside: 'http://139.224.194.158/' ,//http://www.loushizufang.com/以防这个网站备案失效
config: config
},
mutations: {
login(state, provider) {
console.log(state)
console.log(provider)
state.login = true;
state.token = provider.token;
state.userName = provider.userName;
state.avatarUrl = provider.avatarUrl;
},
logout(state) {
state.login = false;
state.token = '';
state.userName = '';
state.avatarUrl = '';
}
}
})
export default store
main.js
import Vue from 'vue'
import App from './App'
import store from './store'
Vue.prototype.$store = store
Vue.config.productionTip = false
App.mpType = 'app'
const app = new Vue({
...App
})
app.$mount()
weex怎么是原生编译呢? nvue和weex的关系,为什么是vue的更快速版本,又补充了weex的什么缺点?
扫码关注腾讯云开发者
领取腾讯云代金券
Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号:粤B2-20090059 深公网安备号 44030502008569
腾讯云计算(北京)有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287
Copyright © 2013 - 2025 Tencent Cloud.
All Rights Reserved. 腾讯云 版权所有