Maison >interface Web >uni-app >Uniapp peut-il utiliser vuex ?
Uniapp peut utiliser vuex. Comment l'utiliser : créez d'abord un dossier nommé store, définissez les données et méthodes publiques sous le fichier js ; puis montez vuex dans le fichier d'entrée et enfin utilisez-le dans une seule page vuex ;
L'environnement d'exploitation de ce tutoriel : système windows7, version uni-app2.5.1 Cette méthode convient à toutes les marques d'ordinateurs.
Recommandé (gratuit) : Tutoriel de développement d'uni-app
uniapp peut utiliser vuex, comment utiliser :
1 . Dans le répertoire racine du projet, créez un dossier nommé store puis créez un fichier js index.js sous le dossier
2. Définissez les données et méthodes publiques sous le fichier js et exportez-le
.import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: {}, mutations: {}, actions: {} }) export default store
3. Montez vuex
import Vue from 'vue' import App from './App' //引入vuex import store from './store' //把vuex定义成全局组件 Vue.prototype.$store = store Vue.config.productionTip = false App.mpType = 'app' const app = new Vue({ ...App, //挂载 store }) app.$mount()
dans le fichier d'entrée : main.js 4. Utilisez vuex dans une seule page
<script> export default { created () { console.log(this.$store) } } </script>
liés Recommandations d'apprentissage gratuites : php programmation (vidéo)
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!