vue項目處理跨域、模擬後臺發數據、vuex用法

使用:

二、模擬後臺,傳數據

       1、static文件夾下創建mock文件夾,在mock下創建index.json文件

index.json文件模版

2、修改index.js配置文件

proxyTable: {
      '/api':{
        target:'http://localhost:8484',
        pathRewrite:{
          '^/api':'/static/mock'
        }
      }
    },

 4、請求並打印

三、vuex

1、命令行cnpm install vuex --save安裝vuex,並新建vuex文件index.js,內容以下

2、在state下定義需要的變量,在mutations下修改

3、在main.js中引用、和new Vue中定義

4、在任何組件中都可這樣使用

5、在組件中通過commit提交數據給store中的conmutation修改,changeCity名稱和store中定義的名稱要相同

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章