vue學習筆記（一）

1.vue介紹

vue.js是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是，vue 被設計為可以自底向上逐層應用。vue 的核心庫只關注檢視層，不僅易於上手，還便於與第三方庫或既有專案整合。另一方面，當與現代化的工具鏈以及各種支援類庫結合使用時，vue 也完全能夠為複雜的單頁應用提供驅動。

2.vue安裝

安裝vue步驟：

1）安裝node.js同時也安裝了npm

通過命令視窗確認node、npm是否安裝成功。

2）全域性安裝腳手架工具vue-cli

命令是 npm install --global vue-cli

安裝腳手架工具

3）專案初始化

如果沒有安裝webpack,需要先安裝webpack 安裝webpack命令是npm install -g webpack

安裝完成後通過vue init webpack myvue命令來初始化vue專案

專案建立成功後輸入命令cd myvue進入資料夾中

然後通過命令npm run dev 執行專案 執行成功後會編譯乙個本地位址

將執行給的位址複製到瀏覽器快捷欄開啟

Vue學習筆記 一

1 vue基本模型 一段html 配合json，再new 處理vue例項。html json格式的資料 vue.js var vm new vue new vue 2.2.2 v for value in json 2.2.3 v for k,v in json 如果有重複的資料 track by ...

vue學習筆記（一）

一.搭建環境 1.如果我們的電腦上有了node和npm，我們就只需要執行下面的命令全域性安裝vue cli腳手架 npm install g vue cli 或者 cnpm install g vue cli 2.構建完腳手架之後，隨便進入乙個我們事先準備好的目錄，比如demo目錄，然後在目錄中做初...

vue 學習筆記（一）

例項生命週期鉤子 1 在beforecreate和created之間，進行資料觀測 data observer 也就是在這個時候開始監控data中的資料變化了，同時初始化事件 2 首先系統會判斷物件中有沒有el選項 有el選項，則繼續編譯過程 沒有el選項，則停止編譯，也意味著暫時停止了生命週期 直...