Vue的介紹及安裝和導入

08.27自我總結

Vue的介紹及安裝和導入

本質就是封裝一些js

一Vue的介紹

進式 JavaScript 框架

經過對框架的瞭解與運用程度，來決定其在整個項目中的應用範圍，最終能夠獨立以框架方式完成整個web前端項目

• 三大主流框架之一：Angular React Vue
• 先進的前端設計模式：MVVM 這個咱們能夠和以前的mav設置模式結合其實他至關於mvcmc他將其中的邏輯控制又進行劃分劃分紅視圖的邏輯,數據的邏輯.
• 能夠徹底脫離服務器端，之前端代碼複用的方式渲染整個頁面：組件化開發
• 數據驅動 - 區別於DOM驅動(DOM加載後才能操做) - 在緩存中根據數據處理dom，再渲染給真實dom
• 虛擬dom - 頁面的緩存機制
• 數據的雙向綁定 - 頁面中變量相同，數據就相同，實時被檢測

1）vue能夠控制一個頁面中的一個標籤
2）vue能夠控制一個頁面
3）vue能夠控制整個項目

二.Vue的安裝和導入

1.安裝

去官方網站'https://cn.vuejs.org/'起步中安裝,開發或者生產版本

二者版本的區別

• 開發版本:沒有刪去空格換行便於查看源碼
• 生產版本:刪去空格和換行提高加載速度

補充:

​ 我的有點強迫症因爲Vue他會自帶廣告影響我看網頁源碼能夠去屏蔽掉

9048行廣告內容註釋掉就行了

} else {
          // console[console.info ? 'info' : 'log'](
          //   'Download the Vue Devtools extension for a better development experience:\n' +
          //   'https://github.com/vuejs/vue-devtools'
          // );
        }
      }
      if (config.productionTip !== false &&
        typeof console !== 'undefined'
      ) {
        // console[console.info ? 'info' : 'log'](
        //   "You are running Vue in development mode.\n" +
        //   "Make sure to turn on production mode when deploying for production.\n" +
        //   "See more tips at https://vuejs.org/guide/deployment.html"
        // );
      }

2.導入

<script src='vue文件的路徑'></script>