> 웹 프론트엔드 > uni-app > uniapp에서 vuex를 사용할 수 있나요?

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

coldplay.xixi
풀어 주다: 2020-12-17 10:22:57
원래의
4854명이 탐색했습니다.

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

uniapp에서 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿