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