一、认识Vue
1.什么是Vue
vue.js是目前最火的一個(gè)前端框架，React是最流行的一個(gè)前端框架（React除了開發(fā)網(wǎng)站，還可以開發(fā)手機(jī)App，Vue語法也是可以用于進(jìn)行手機(jī)App開發(fā)的，需要借助于Weex）
Vue.js是前端的主流框架之一，和Angular.js、React.js一起，并成為前端三大主流框架！
Vue.js是一套構(gòu)建用戶界面的框架，只關(guān)注視圖層，它不僅易于上手，還便于與第三方庫或既有項(xiàng)目整合。
前端主要工作？主要負(fù)責(zé)MVC中的V這一層；主要工作就是和界面打交道，來制作前端頁面效果；
?
2.為什么要學(xué)習(xí)流行框架
企業(yè)為了提高開發(fā)效率；在企業(yè)中，時(shí)間就是效率，效率就是金錢；
提高開發(fā)效率的發(fā)展歷程：原生js——>Jquery之類的庫——>前端模板引擎——>Angular.js/Vue.js
在Vue中，一個(gè)核心的概念，就是讓用戶不再操作dom元素，釋放了用戶的雙手，讓程序員可以更多的時(shí)間去關(guān)注業(yè)務(wù)邏輯。
?
3.框架和庫的區(qū)別
框架：是一套完整的解決方案；對(duì)項(xiàng)目的侵入性較大，項(xiàng)目如果需要更換框架，則需要重新架構(gòu)整個(gè)項(xiàng)目。
庫（插件）：提供一個(gè)小功能，對(duì)項(xiàng)目的侵入性較小，如果某個(gè)庫無法完成某些需求，可以很容易切換到其他庫實(shí)現(xiàn)需求。
?
4.Node(后端)中的MVC與前端中的MVVM之間的區(qū)別
?
?
5.Vue的基本代碼
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><!--1.導(dǎo)入Vue的包--><script src="./vue.js"> </script> </head> <body><div id="app"><p>{{msg}}</p></div> </body> <!--將來new的Vue實(shí)例，會(huì)控制這個(gè)元素中的所有內(nèi)容--> <!--Vue實(shí)例所控制的這個(gè)元素區(qū)域，就是我們的V--><script>//2.創(chuàng)建一個(gè)Vue的實(shí)例//當(dāng)我們導(dǎo)入包之后，在瀏覽器的內(nèi)存中，就多了一個(gè)Vue構(gòu)造函數(shù)//注意：我們new出來的這個(gè)vm對(duì)象，就是我們MVVM中的VM調(diào)度者var vm = new Vue({el:"#app", //表示，當(dāng)前我們new的這個(gè)Vue實(shí)例，要控制頁面上的哪個(gè)區(qū)域//d這里的data就是MVVM中的M，專門用來保存每個(gè)頁面的數(shù)據(jù)的data:{ // data屬性中，存放的是el中要用的數(shù)據(jù)msg:'歡迎學(xué)習(xí)Vue' //通過Vue提供的指令，很方便的就能把數(shù)據(jù)渲染到頁面上，程序員不再手動(dòng)操作dom元素了 }}) </script></html>?
轉(zhuǎn)載于:https://www.cnblogs.com/zhongbokun/p/11369559.html
總結(jié)
- 上一篇： django邮箱验证模块
- 下一篇： html5倒计时秒杀怎么做,vue 设