uniappはvuexを使用できますか?

uniapp は vuex を使用できます。その使用方法: まず、store という名前のフォルダーを作成し、js ファイルの下にパブリック データとメソッドを定義します。次に、エントリー ファイルに vuex をマウントし、最後に単一ページの vuex で使用します。

このチュートリアルの動作環境: Windows7 システム、uni-app2.5.1 バージョンこの方法は、すべてのブランドのコンピューターに適しています。

おすすめ(無料): uni-app開発チュートリアル

uniappはvuexを利用できます、使用方法:

1.プロジェクトのルート ディレクトリに、store という名前のフォルダーを作成し、そのフォルダー

2 の下に js ファイルindex.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 中国語 Web サイトの他の関連記事を参照してください。