vue2 x的簡介與安裝

2021-08-07 19:52:11 字數 1038 閱讀 3529

1.簡介

概述:

類似於angular.js、react.js之類的spa框架,相比其他兩種spa框架 更加輕量級些、更容易入門些。

相容性:

vue.js不支援 ie8 及其以下版本,因為 vue.js 使用了 ie8 不能模擬的 ecmascript 5 特性。 vue.js 支援所有相容

ecmascript 5

的瀏覽器

2.安裝

通常有兩種安裝方式:

第二種方式:npm安裝(這裡之後主要講這種方式);

以下就是npm安裝的步驟:(當然用cnpm代替npm也是可以的,為了精簡,其中的細節不加贅述)

=> 前提:已安裝了node,含有npm包管理器。

第一步:安裝vue-cli 【vue的專案環境】;npm install -g vue-cli

注釋:vue下的指令可以 用   vue -help 檢視;如下:

注釋:vue-cli的詳細情況參見:

<

templatename

>

<

projectname

>

注釋:其中的

<

templatename

> 可以通過 vue list檢視。

例如:vue init webpack my-project

第三步:安裝npm模組; (如下依次執行)

第四步:執行專案; npm  run  dev

... 稍微等待一會兒,模板專案就自動執行在瀏覽器中了。

vue2 x工程目錄簡介

dist 打包之後的發布目錄 css 存放打包之後的css資料夾 img 存放打包之後的img資源資料夾 js 存放打包之後存放的js資料夾 index.html 存放打包之後的入口頁面 mock 本地前端工程mock的一些資料 node module 本地專案的第三方依賴 public src 開...

vue2 x知識總結

data data data data 逆轉訊息 data methods data 現在我們為每個 todo item 提供 todo 物件 todo 物件是變數,即其內容可以是動態的。我們也需要為每個元件提供乙個 key 稍後再 作詳細解釋。vue.component todo item dat...

Vue2 X的入門學習

由於前幾天跟那位技術聊了一會,深感自己目前所學知識的淺薄以及實戰經驗的缺失。今天初步了解了一下前端的vue.js 時間不長,只是看了一些基本內容,肯定也是做不了什麼大專案的,這裡回憶一下所學知識。1.引入vue 此處利用script直接引用,另外呢,vue官網是給了很多教程的,對新手是很友好的 官網...