VUE快速入門04之vue cli

2021-10-09 18:12:04 字數 868 閱讀 5473

# -g 就是全域性安裝


npm install cnpm -g


# 或使用如下語句解決 npm 速度慢的問題


npm install --registry=


#在命令臺輸入


cnpm install vue-cli -g


#檢視是否安裝成功


vue list
建立乙個vue專案,我們隨便建立乙個空的資料夾在電腦上,我這裡在d盤下新建乙個目錄d:\project\vue-study;

建立乙個基於 webpack 模板的 vue 應用程式

# 這裡的 myvue 是專案名稱，可以根據自己的需求起名


vue init webpack myvue
一路都選擇no即可;

初始化並執行

cd myvue


npm install


npm run dev
執行完成後,目錄多了很多依賴

圖 依賴存放的位置

圖 輸入npm run dev 後 進入localhost:8080

圖 效果圖

筆記內容來自b站狂神說

04 Vue入門系列之Vue事件處理

vue提供了協助我們為標籤繫結時間的方法，當然我們可以直接用dom原生的方式去繫結事件。vue提供的指令進行繫結也是非常方便，而且能讓viewmodel更簡潔，邏輯更徹底。所以還是推薦大家使用的。vue提供了v on指令幫助我們進行事件的繫結。基本的內聯事件處理方法 官方demo 增加 1 這個按鈕...

vue快速入門

一 什麼是 vue vue 是乙個用於構建使用者介面的漸進式的js框架，vue 的核心是mvvm雙向資料繫結模式及元件化開發，它使得開發前端不僅易於上手，還便於與vue的優良生態或既有專案整合。二 快速開始 1.在頁面引入vue的js檔案即可。注意 cdn是一種加速策略，能夠快速的提供js檔案 2....

vue快速入門

一 什麼是 vue vue 是乙個用於構建使用者介面的漸進式的js框架，vue 的核心是mvvm雙向資料繫結模式及元件化開發，它使得開發前端不僅易於上手，還便於與vue的優良生態或既有專案整合。二 快速開始 1.在頁面引入vue的js檔案即可。注意 cdn是一種加速策略，能夠快速的提供js檔案 2....