6. 監視 watch / computed
7. 專案相關
//引入物件
import vuerouter from
'vue-router'
;//安裝外掛程式
vue.
use(vuerouter)
;//掛載屬性的行為
//建立路由物件
let router =
newvuerouter(]
});//將路由物件放入到options中new vue()
newvue
()
path(#/beijing/1/2)
程式設計導航
巢狀路由
多檢視axios:
最終:
沒有那個options預檢請求
伺服器認為這個是一次請求，而沒有允許content-type的頭，
瀏覽器就認為伺服器不一定能處理掉這個特殊的頭的資料
丟擲異常
在node伺服器 response.setheader(「access-control-allow-headers」,「content-type,多個」);
formdata的樣子: key=value&key=value
http請求的options: headers, baseurl, params
axios屬性關係
針對個別請求來附加options
axios.get(url,options)
axios.post(url,data,options)
執行特點: 多次請求一起傳送，只要有一次失敗就算失敗，否則全部成功才算成功
應用： 有關聯的請求 省市的請求
...
created()
);).
catch
((err)
=>)}
,
axios.interceptors.request.
use(
(config)
=>
;return config;
//返回修改之後的config})
;
5.2 ***操作loadding
axios.interceptors.request.
use(
(config)
=>);
axios.interceptors.response.
use(
(config)
=>
);
...
watch:
//引用資料型別的話 ==> 深度監視
persons:
, deep:
true}}
...computed:
}}
預覽 vue-preview
發起請求 axios
路由外掛程式 vue-router
日期轉換 momentjs
框架 vue
npm i mint-ui vue-preview axios vue-router moment vue -s;
npm i webpack html-webpack-plugin webpack-dev-server
css-loader style-loader less less-loader autoprefixer-loader
babel-loader babel-core babel-preset-es2015 babel-plugin-transform-runtime
url-loader file-loader
vue-loader vue-template-compiler -
d
7.2 注意事項
div
vue學習筆記《三》
vue 高階,1.slot 插槽 內容分發 a.單個slot b.具名slot a 模板中呼叫 a 混合父元件的內容與子元件自己的模板 內容分發 父元件模板的內容在父元件作用域內編譯，子元件模板的內容在子元件作用域內編譯 2.transition 過渡 vue 在插入，更新或者移除dom 時，提供多...
vue學習筆記（三）
1.按鍵修飾符 1.1 vue定義的常用按鍵名 keyup.enter add 1.2 直接使用按鍵碼 1.3 自定義按鍵名 vue.config.keycodes 2.自定義指令 vue的內建指令有v on v bind v for等等，vue 也允許註冊自定義指令。呼叫的時候，一定要加 v 字首...
Vue學習筆記（三）
在vue.js中可以通過watch來監聽資料的變化，比如通過watch實現的簡單計數器 點我增加 var vm new vue vm.watch count function newvalue,oldvalue 效果如下 watch有兩個引數，乙個是要監聽的變數，另乙個是 函式，函式接受兩個引數，第...