vue學習01 安裝

一、專案搭建（一共2步）

1.安裝前：你需要安裝node，並且切換成**的映象。

:2.搭建vue專案如下: 

vue.js 提供乙個官方命令列工具

，可用於快速搭建大型單頁應用。該工具提供開箱即用的構建工具配置，帶來現代化的前端開發流程。只需幾分鐘即可建立並啟動乙個帶熱過載、儲存時靜態檢查以及可用於生產環境的構建配置的專案：

# 全域性安裝 vue-cli

$ npm install --global vue-cli
# 建立乙個基於 webpack 模板的新專案
$ vue init webpack my-project
# 安裝依賴，走你
$   cd my-project
$ npm install
$ npm run dev

預設是8080埠，改埠被占用，開啟專案，進入 config>index.js中

修改埠號，再次執行 npm run dev 執行專案

執行成功，開啟頁面：

有的會報錯，如下：

這個是因為版本的問題，我之前就遇到了，搞了半天才明白，哎

檢視自己的node npm 版本是不是太低了，更新到新版本，應該就沒問題了。

Vue學習手記01 安裝和專案建立

1.安裝vue 注 node版本必須大於等於8.9 vue cli3.x npm install g vue cli vue cli2.x npm install g vue cli init 使用三步曲 屬性 methods 方法 script body html data中的內容就是m 模型 d...

Vue學習筆記 01

漸進式框架vue 1 漸進式 根據開發的需求，可以靈活地選用所需的 功能 工具 進行開發，只關注圖層 view 2 vue框架兩個核心 1 響應的資料繫結 object.definedproperty 中的 setter getter 資料 該屬性不相容ie8 2 可組合的檢視元件 ui介面對映元件...

Vue學習筆記01

view 模板 model 資料 vue的工作就是把提供給它的資料和模板渲染出來 1.m model 2.v view 3.vm viewmodel 簡化專案 方便維護 考慮資料 量少了 維護方便了 業務邏輯更清晰了 指令 編寫模板規則 渲染模板 例項 模板復用 元件 管理頁面跳轉的 vue rou...