當(dāng)前位置：首頁 > 前端技术 > vue >内容正文

vue

一、认识Vue

發(fā)布時(shí)間：2025/3/15 vue 12 豆豆

生活随笔收集整理的這篇文章主要介紹了一、认识Vue 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

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ū)別

框架：是一套完整的解決方案；對項(xiàng)目的侵入性較大，項(xiàng)目如果需要更換框架，則需要重新架構(gòu)整個(gè)項(xiàng)目。

庫（插件）：提供一個(gè)小功能，對項(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><script src="./vue.js"> </script> </head> <body><div id="app"><p>{{msg}}</p></div> </body>  <script>//2.創(chuàng)建一個(gè)Vue的實(shí)例//當(dāng)我們導(dǎo)入包之后，在瀏覽器的內(nèi)存中，就多了一個(gè)Vue構(gòu)造函數(shù)//注意：我們new出來的這個(gè)vm對象，就是我們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é)

以上是生活随笔為你收集整理的一、认识Vue的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。