原來一直學(xué)的react 瓶蝴,這段時(shí)間在了解一些vue的知識。
我就想到什么就寫什么了。以下有關(guān)react的知識都是react+dva+umi 的ant design框架的相關(guān)知識
vue 的實(shí)例
每一個(gè)vue項(xiàng)目在起始階段都會(huì)實(shí)例化一個(gè)vue的全局對象
new Vue({
router,
store,
created: bootstrap,
render: h => h(App)
}).$mount('#app')
router
代表引入vue-router
vue-router 的實(shí)例方式
export default new Router({
mode: 'history',
base: process.env.BASE_URL,
scrollBehavior: () => ({ y: 0 }),
routes: constantRouterMap
})
store
代表vuex的實(shí)例,他的模式和react的redux極其類似
image.png
state 就是react model層的state。我的說法就是基礎(chǔ)數(shù)據(jù)
action 就是就是react model層的effects方法丙号,有趣的就是二者都是用的dispatch 來分發(fā)action
mutations 就是就是就是react model層的reducer方法。修改state里面的數(shù)據(jù)
getters 就是可以直接對state里面的數(shù)據(jù)進(jìn)行計(jì)算缰冤。
created
是指vue生命周期的鉤子函數(shù)
image.png
render
就是替代了原來的el 屬性犬缨。