uniapp에서 vuex를 사용할 수 있나요?

uniapp은 vuex를 사용할 수 있습니다. 사용 방법: 먼저 store라는 폴더를 만들고 js 파일 아래에 공용 데이터와 메서드를 정의한 다음 항목 파일에 vuex를 마운트합니다.

이 튜토리얼의 운영 환경: windows7 시스템, uni-app2.5.1 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

추천(무료): uni-app development tutorial

uniapp에서는 vuex를 사용할 수 있으며, 사용 방법은

1 프로젝트의 루트 디렉토리에 store라는 폴더를 생성한 후 Create 폴더에 생성합니다. index.js

2의 js 파일. js 파일 아래에 공용 데이터 및 메소드 함수를 정의하고 이를 내보냅니다.

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
    state: {},
    mutations: {},
    actions: {}
})
export default store

3. vuex를 항목 파일: main.js

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()

4에 마운트하고 단일에서 vuex를 사용합니다. 페이지

<script>
    export default {
        created () {
            console.log(this.$store)
        }
    }
</script>

관련 무료 학습 권장사항: php 프로그래밍(동영상)

위 내용은 uniapp에서 vuex를 사용할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!