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>