ホームページ > ウェブフロントエンド > uni-app > uniappはvuexを使用できますか?

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

coldplay.xixi
リリース: 2020-12-17 10:22:57
オリジナル
4853 人が閲覧しました

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

uniappは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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート