vue混合app開發(fā)框架（基于vue的app框架）
今天給各位分享vue混合app開發(fā)框架的知識，其中也會對基于vue的app框架進行解釋，如果能碰巧解決你現在面臨的問題，別忘了關注本站，現在開始吧！
號稱目前最火的前端框架Vue，它有什么顯著特點呢？
1、Vue是什么
Vue.js 是目前最火的一個前端框架，除了可以開發(fā)網站，還可以開發(fā)手機App。
Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成為前端三大主流框架。
Vue.js 是一套構建用戶界面的框架，只關注視圖層，它不僅易于上手，還便于與第三方庫或既有項目整合。
Vue.js 是一套用于構建用戶界面的漸進式框架。
2、Vue的特點
遵循 MVVM 模式
編碼簡潔，體積小，運行效率高，適合移動/PC 端開發(fā)
它本身只關注 UI, 可以輕松引入 vue 插件或其它第三庫開發(fā)項目
3、Vue與其他前端框架的關系
借鑒 angular 的模板和數據綁定技術
借鑒 react 的組件化和虛擬 DOM 技術
4、Vue的現有插件
vue-cli: vue 腳手架，用于搭建項目的骨架
vue-resource(axios): ajax 請求
vue-router: 路由
vuex: 狀態(tài)管理
vue-lazyload: 圖片懶加載
vue-scroller: 頁面滑動相關
mint-ui: 基于 vue 的 UI 組件庫(移動端)
element-ui: 基于 vue 的 UI 組件庫(PC 端)
5、學習Vue的思想改變
Vue的中心思想是數據驅動，像遠古時代的老前輩jQuery是結構驅動。
大家回憶下以前我們使用jQuery寫代碼的時候，經常是這樣寫的：
$("#myDiv").html("HelloWorld");
這些寫法首先要獲取Dom節(jié)點，也就是Dom結構，然后再修改數據更新結構的內容，使用jQuery的一個很大的目的就是為了去簡化Dom的操作，而使用Vue就大不一樣了，Vue的做法就是直接this.msg=HelloWorld，然后msg就會自動的同步到結構上，我們所要關心的是數據內容的改變，而不再去關心如何操作Dom結構了。
總結一句話：不要在想著怎么操作DOM，而是想著如何操作數據!!
什么是vue框架？
什么是vue
是一套構建用戶界面的漸進式（用到哪一塊就用哪一塊，不需要全部用上）前端框架，Vue 的核心庫只關注視圖層
vue的兼容性
Vue.js 不支持 IE8 及其以下版本，因為 Vue.js 使用了 IE8 不能模擬的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的瀏覽器。
vue學習資源
vue.js中文官網：
vue.js源碼：
vue.js官方工具：
vue.js官方論壇：forum.vuejs.org
對比其他框架-React
React 和 Vue 有許多相似之處，它們都有使用 Virtual DOM；提供了響應式（Reactive）和組件化（Composable）的視圖組件。將注意力集中保持在核心庫，而將其他功能如路由和全局狀態(tài)管理交給相關的庫。React 比 Vue 有更豐富的生態(tài)系統
都有支持native的方案，React的RN，vue的Wee下
都支持SSR服務端渲染
都支持props進行父子組件間的通信
性能方面：React 和 Vue 在大部分常見場景下都能提供近似的性能。通常 Vue 會有少量優(yōu)勢，因為 Vue 的 Virtual DOM 實現相對更為輕量一些。
不同之處就是：
數據綁定方面，vue實現了數據的雙向數據綁定，react數據流動是單向的
virtual DOM不一樣,vue會跟蹤每一個組件的依賴關系,不需要重新渲染整個組件樹.而對于React而言,每當應用的狀態(tài)被改變時,全部組件都會重新渲染,所以react中會需要shouldComponentUpdate這個生命周期函數方法來進行控制
state對象在react應用中不可變的,需要使用setState方法更新狀態(tài);在vue中,state對象不是必須的,數據由data屬性在vue對象中管理（如果要操作直接this.xxx）
組件寫法不一樣, React推薦的做法是 JSX , 也就是把HTML和CSS全都寫進JavaScript了,即'all in js'; Vue推薦的做法是webpack+vue-loader的單文件組件格式,即html,css,js寫在同一個文件
對比其他框架-angular
在性能方面，這兩個框架都非常的快，我們也沒有足夠的實際應用數據來下一個結論。如果你一定想看些數據的話，你可以參考這個第三方跑分。單就這個跑分來看，Vue 似乎比 Angular 要更快一些。
在大小方面，最近的 Angular 版本中在使用了 AOT 和 tree-shaking 技術后使得最終的代碼體積減小了許多。但即使如此，一個包含了 vuex + vue-router 的 Vue 項目 (30kb gzipped) 相比使用了這些優(yōu)化的 Angular CLI 生成的默認項目尺寸 (~130kb) 還是要小的多。
靈活性：Vue 相比于 Angular 更加靈活，Vue 官方提供了構建工具來協助你構建項目，但它并不限制你去如何組織你的應用代碼。有人可能喜歡有嚴格的代碼組織規(guī)范，但也有開發(fā)者喜歡更靈活自由的方式。
vue.js的核心特點—響應的數據綁定
傳統的js操作頁面：在以前使用js操作頁面的時候是這樣的，需要操作某個html元素的數據，就的使用js代碼獲取元素然后在處理業(yè)務邏輯
響應式數據綁定的方式操作頁面，可以直接使用像下面代碼那樣的寫法就可以將數據填充到頁面中
template
div id="app"
{{ message }}
/div
/template
script
export default {
name: 'app',
data () {
return {
message: 'Welcome to Your Vue.js App'
}
}
}
/script
style
/style
vue.js的核心特點—可組合的視圖組件
一個頁面映射為組件樹。劃分組件可維護、可重用、可測試，也就是一個頁面由多個組件組合而成
vue中實現組件引入示例
第一步：import導入需要引入的組件文件；
第二步：注冊組件；
第三步：在需要引入組件的文件中加上組件標簽（這個標簽的標簽名就是注冊的組件名字，多個單詞的和這里有xx-xx的形式）
需要注意的是：組件可以嵌套引入，也就是說組件可以引入其他組件
首先創(chuàng)建一個組件，用于被引入的組件，組件名字叫Hello.vue
————————————————
版權聲明：本文為CSDN博主「胡椒粉0121」的原創(chuàng)文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
前端常用的框架有哪些？
前端常用框架匯總：
react框架:
create-react-app+antd（antd PC，移動端都有）
umi+dva+antd ant design pro（管理系統）
ReactNative（app混合開發(fā)）
2.vue框架：
vue-cli+element-ui或iview（PC，移動端，小程序都有）
vue-element-admin（管理系統）
vue-cli3+cordova或者weex（app混合開發(fā)）
3.Flutter（app混合開發(fā)）
4.es6,webpack,gulp,node,包管理工具,esLint,echart,css預處理器,i18n等等
關于vue混合app開發(fā)框架和基于vue的app框架的介紹到此就結束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關注本站。
