vue自學筆記

cdnjs :

一、全域性配置

使用** npm 映象

$ npm

install -g cnpm --registry=

$ npm

install cnpm -g

$ cnpm install vue

npm

install webpack -g

$ cnpm install --global vue-cli

node -v

npm -v
cnpm -v
vue -v
webpack -v

二、建立乙個基於 webpack 模板的新專案

進入到專案資料夾的上層目錄中。（就是你希望你的專案問價建立在**就進入到**。專案資料夾不需要自己建立）

輸入下方命令列建立乙個基於 webpack 模板的新專案（這裡my-project是自己起的專案檔名稱，命令會自動給你建乙個專案資料夾）

$ vue init webpack my-project

? project name my-project

? project description a vue.js project
? author runoob 
? vue build standalone
? use eslint to lint your code? yes
? pick an eslint preset standard
? setup unit tests with karma + mocha? yes
? setup e2e tests with nightwatch? yes
vue-cli · generated "my-project"
. to get started:
cd my-project
npminstall
npm run dev

進入到專案目錄

cd my-project(自己建立的工程名字)

cnpm install

npm run dev

如果出現下圖，則安裝成功

瀏覽器輸入下面的埠，則會預設出現乙個vue的歡迎頁

vue教程自學筆記（二）

1.文字 資料繫結最常見的形式就是使用 mustache 語法 雙大括號 的文字插值。通過v once指令，你也能執行一次性地插值，當資料改變時，插值處的內容不會更新。2.原始html v html指令 3.引數 一些指令能夠接受乙個 引數 在指令名稱之後以冒號形式顯示，eg v bind,v on...

vue 自學筆記 5 列表渲染

列表渲染 一 v for 指令 當我們涉及到列表渲染資料的時候，不可能做乙個重複的工作去不停的乙個乙個的渲染每一項列表。並且列表資料的表現，比如從後端請求過來的資料，不可能是乙個乙個的單獨的 json 資料，通常會是乙個陣列或者物件。針對這樣的情景，vue 提供了v for指令使列表使我們可以根據一...

Vue自學筆記 5 Vue的生命週期函式

vue提供了8種生命週期函式，vue官網中也給出了生命週期的執行過程，個人感覺這個圖看看就好，關鍵還是在於學會如何使用。為了理解上述生命週期函式的用法，新建乙個life.vue的元件，之前的專案中還有乙個home.vue元件，就在home元件中引用life元件吧。程式如下 life.vue 生命週期...