Vue基礎知識系列(一)Vue的基本認識

時間 2020-01-13

標籤 vue 基礎知識系列基本認識简体版

原文原文鏈接

前言

這是一個系列的筆記，記錄學習Vue的過程，筆記都是基礎知識。這個系列筆記主要參考了本身淘寶買的視頻的筆記，裏面還夾雜了本身的見解都是本身純手打的。若是有須要Vue視頻資源的能夠加我wx：15732676936。 後面回更新一些Vue常見面試題的文章，但願各位看官看了稍稍微有些借鑑html

1、什麼是Vue.js

Vue.js是前端的主流框架之一，和Angular.js、React.js一塊兒，並稱爲前端三大主流框架！
Vue.js是一套構建用戶界面的框架，只關注視圖層，它不只易於上手，還便於與第三方庫或既有項目整合。（Vue有配套的第三方類庫，能夠整合起來作大型項目的開發）
前端的主要工做？主要負責MVC中的V這一層；主要工做就是和界面打交道

2、爲何要學習主流框架

企業爲了提高開發效率：在企業中，時間就是效率，效率就是金錢
提升開發效率的發展歷程：原生JS->JQuery之類的庫->前端模板引擎->Angular.js/Vue.js
在Vue中，一個核心的理念，就是讓用戶不在操做DOM元素，解放了用戶的雙手，讓程序員能夠更多的時間去關注業務邏輯層
加強本身就業時候的競爭力

3、框架和庫的區別

框架：是一套完整的解決方案；對項目的侵入性較大，項目若是須要更換框架，擇須要從新架構整個項目。
庫（插件）：提供某個小功能，對項目的侵入性較小，若是某個庫沒法完成某些需求，能夠很容易切換到其它庫實現需求。

4、Node(後端)中的MVC與前端中的MVVM之間的區別

MVC 是後端的分層開發的概念；前端
- M-Model層
- V-前端視圖層
- C-業務邏輯層
MVVM 是前端視圖層的概念，主要關注於視圖層，也就是說:MVVM 把前端的視圖層，分爲了三個部分 Model、View、ViewModelvue

Model：就是建立vm實例中的data數據程序員

View：就是展示給用戶的#app的整個div面試

ViewModel：建立的整個vm實例後端

爲何有了MVC還須要瞭解MVVM瀏覽器

5、如何定義基本的Vue代碼結構

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue的基本代碼</title> <!--第一步:導入vue包--> <script src="lib/vue-2.4.0.js"></script> </head> <body><!--未來控制new的vue實例，會控制這個元素中的內容--> <div id="app"> <p>{{ msg }}</p> </div> <script> // 第二步:建立一個Vue實例  // 當咱們導入包以後，瀏覽器的內存中就多了一個Vue構造函數  var vm = new Vue({ el: "#app", //表示，當前咱們new的這個Vue實例，要控制頁面上的那個區域  data: { //data屬性中，存放的是el中要用到的數據 msg: "歡迎學習Vue" //經過Vue提供的指令，很方便的就能把數據渲染到頁面上，程序員再也不 手動操做DOM元素了前端的Vue之類的框架，不提倡咱們去手動操做DOM元素了  } }) </script> </body> </html> 複製代碼

代碼規範：

大型公司或者大型項目代碼規範都使用的是間隔2個字符，少數間隔4個字符。我也習慣了使用間隔2個字符，每一個編輯器的用法不只相同，本身搜索就行。架構

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。