详解如何用模块化的方式写vuejs

let jsonObj = null
try{
jsonObj = JSON.parse(jsonStr)
}catch(err){
state.jsons.push({err: jsonStr + '', valid: false })

}
if(jsonObj){
state.jsons.push({obj:jsonObj, valid: true})
}
}
}

所有视图的数据都来自 state。所有修改必须通过actions来完成。 因为在子组件中对数据的修改并不会影响到父组件，所以可以放心的使用 vuejs 的双向绑定特性。

然后可以在app的根组件下引入 state和actions，然后按需要传递给子组件
 

import { state, actions } from '../store' data() {
  return {
   state,
   actions
  }
 }, 

<child :state="state" :handleClick="actions.update"></child>

import 公共的css

如果将页面常用的style变量存储到一个公共的文件比如 common.sass

 $width: 80%;
$height: 100%;
$moli-green:#CCF3E4;
$moli-white:#f8f8f8; 

然后在组件的style中引入，岂不是很方便，很强大。

不过遗憾的是我暂时还不知道这个该如何实现。:(