• <pre id="y08ey"><del id="y08ey"><xmp id="y08ey"></xmp></del></pre>
    1. <pre id="y08ey"></pre>
      
      <p id="y08ey"><strong id="y08ey"><small id="y08ey"></small></strong></p>
      <td id="y08ey"><ruby id="y08ey"></ruby></td>
      <p id="y08ey"><strong id="y08ey"><xmp id="y08ey"></xmp></strong></p>
      <pre id="y08ey"></pre>

      <table id="y08ey"></table>
        <track id="y08ey"></track>
      1. 手機: 18919834768
        電話熱線: 0931-7603702
        網站知識
        當前位置: 主頁 > 網站知識

        Vue3 入門和安裝

        發布時間:2023-02-20 21:04:14???來自:未知???編輯:蘭州啟點網絡 www.syzhibo.net

        學習要點:
        1.Vue3.x 簡介
        2.教學方式
        3.安裝測試
        本節課我們來開始了解 Vue3.x 漸進式前端框架,學會安裝并測試。
        一.Vue3.x 簡介
        1. Vue 一款基于 JavaScript 的構建用戶界面的漸進式框架,版本為 3.x;
        2. 所謂漸進式,就是按需分配,用多少,就引入多少,由開發者自行決定;
        3. Vue 的核心庫只關心視圖層,利于上手,還有利于和其它庫整合使用;
        4. 那么,學習這款框架需要哪些基礎呢,具體如下:
        (1) . HTML5/JavaScript (必須);
        (2) . 任意一門前端庫或框架,有后端語言基礎更佳 (可選);
        PS:如果已有了一門或以上的前端框架或庫的基礎,可以迅速學起;
        PS:如果這是你第一門前端框架,需要不時的停頓或查閱資料幫助理解;
        二.教學方式
        1. Vue3.x 的教學方式,目前分為三種:
        (1) .Vue2.x 升級到 Vue3.x,只講遷移方式和改變,不再講解基本語法;
        PS:因為你已經有了 Vue2.x 基礎,所以沒必要重復講解,課程的規劃可以偏底層一些,
        重點講解新特性和與舊版本的編碼區別,以及性能提升的區別;
        (2) .假設你可能沒有 Vue2.x 基礎或有 Vue2.x 基礎,但還是會講解基礎語法;
        PS:此時,可以直接使用腳手架工具 Vue Cli4.5+來演示課程;
        (3) .不做任何假設你的基礎,從零開始講解 Vue3.x 的語法基礎,不采用腳手架工具;
        PS:手冊上,對新手也是建議使用 CDN 引入的方式,避免腳手架一頓亂七八糟的東西;
        PS:因為腳手架需要有 Webpack 基礎才能理解,只是為了演示語法顯得很多余;
        PS:除非必須使用,在核心篇采用 CDN 或下載后引入的方式進行教學;
        PSVue3.x 核心篇采用第三種教學方式,而階段二工具篇會講解基于 Vue3.x 的腳手架;
        三.安裝測試
        1. 如何使用 Vue3.x,官方給出了幾種方式,其實上面已經大概說了,具體
        (1). CDN 方式引入,網絡不好,下載后本地引入即可;
        <script src="https://unpkg.com/vue@next">script>
        <script src="/vue.global.js">script>
        (3) . npm 結合 webpack 等前端構建工具,命令為:
        npm install vue@next
        (4) . Cli 腳手架工具,官方提供的腳手架工具,命令為:
        npm install -g @vue/cli@next
        (5) . Vite,官方提供的前端構建工具,命令為:
        npm init vite-app
        PS:以上提前安裝好演示即可,腳手架是階段二的內容;
        PS: 至于 npm 的安裝,以及國內鏡像,在 Webpack 課程第一節講解過;
        PS: 使用 CDN 方式,采用的是 file://模式,想要 http://模式,需要 Node.js 靜態服務器;
        PS:使用 file://一樣可以測試學習,階段二會講解,如果想提前用,可參考手冊,如下:
        https://cli.vuejs.org/zh/guide/deployment.html
        2. 關于 Vue Devtools 工具,目前支持 Vue3.x 6.0.x Beta 版本;
        https://github.com/vuejs/vue-devtools/releases/tag/v6.0.0-beta.2
        PS:支持 Vue2.x 5.3.x 不支持 Vue3.x,而 6.0.x Beta 還有一些問題,可等更新;
        3. 開發工具推薦 WebStorm VScode,都是比較優秀的開發工具,這里選了前者;
        4. 學習版本會提示信息,這里采用的是火狐瀏覽器(大家用谷歌一樣的),屏蔽即可;
        本文由:蘭州啟點網絡(www.syzhibo.net)整理發布!

        ? QQ咨詢

        建站咨詢 售前咨詢 私人訂制 售后技術

        ? 電話咨詢

        0931-7603702
        (早9:00-晚10:00)

        ? 微信咨詢

        掃碼關注
        點點租

        ? 返回頂部
        午夜无码区在线观看_久久精品国产亚洲一区二区_久久综合日本久久综合88_在线观看国产一区