一、瀏覽器相容性 vue: ie9+ react: ie8+ 二、安裝使用 vue:1、直接引入 <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> 後直接寫vue代碼(小項目) 2、依賴node.j ...
一、瀏覽器相容性
vue: ie9+
react: ie8+
二、安裝使用
vue:1、直接引入 <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> 後直接寫vue代碼(小項目) 2、依賴node.js,npm,webpack打包(大項目)
react:依賴於一個很龐大的技術棧,需要安裝node.js並且npm安裝一些依賴包,比如create-react-app、bable 等工具
三、實現原理
vue:通過virtual DOM 來實現響應式渲染,數據驅動視圖,組件化開發,通過props參數進行父子組件數據的傳遞
react:通過virtual DOM 來實現響應式渲染,數據驅動視圖,組件化開發,通過props參數進行父子組件數據的傳遞
四、數據綁定
vue:雙向綁定
react:數據流動時單向的
五、如何重新渲染視圖
vue:修改vue數據對象
react:prop或者state變化,修改state必須使用setState方法
六、組件寫法
vue:Vue 的預設 API 是以簡單易上手為目標,但是進階之後推薦的是使用 webpack + vue-loader 的單文件組件格式
react:JSX() + inline style,也就是把 HTML 和 CSS 全都整進 JavaScript 了