1.やって?
- Vueが必要に初期化されたインスタンスと、使用するプラグインです
- そして、あなたのコンテンツがメインページにレンダリングされます
- それはあなたのプロジェクトのエントリファイルです
- 実行の上から下にあなたのmain.jsを実行するための時間です
2.初期導入
import Vue from 'vue' // 引入VUE核心库
import App from './App.vue' // 引入一个当前目录下的名字为App.vue的组件
Vue.config.productionTip = false; // 是否要在生产环境当中给予提示功能。
new Vue({ // 生成一个VUE实例
render: function (h) { return h(App) }, // 渲染函数,将组件App渲染到挂载的元素上。
}).$mount('#app') //这个 #app 是挂载在 public 主页面上的,你打开index 就会看到 这个元素 id
プラグインの3.
ここでvuex紹介します
- まず、プラグインの良いvuexをダウンロードする必要が
- vuex紹介記事、我々は見ることができます興味を持っています
- その後、vuexは、過去に私のプロジェクトに追加する初期化vuexです、あなたもそれを使用するために設置された参照光を必要とします
- もちろん導入されたときに、新しいプロジェクトが自動的に作成されますが、導入する際に新しく自分自身を追加しました
- あなたは白い四角がある絵を見ることができます
- Iそれを印刷して、我々は最終的に持っているものを見るためにそれを使用するには導入され、
- 私たちは、コンテンツの配信があなたのvuexのすべてのコンテンツを通過した見ることができます
- 私たちは、ステージに比べてページ全体を置くことができ、各ページには、トップパフォーマーであります
- ここでは、ステージに渡され、その後、すべてのページを使用することができます
- あなたは合格しない場合は、コールvuexない内部のデータで呼び出します
vuexが渡ったので、私はページを使用することができ
、私はApp.vueを印刷するときに、このインスタンスApp.vueページ
/-----------------App.vue------------------------/
<script>
export default {
mounted(){
console.log(this)
}
}
</script>
- 結果は非常に長く、間違いなくですが、私たちは$店舗の内部を見つけることができます
- そして、その中に私たちのデータを表示するには
- だから我々はそれを呼び出すことができ