Vue2 X的入門學習

2021-09-19 06:42:09 字數 791 閱讀 1644

由於前幾天跟那位技術聊了一會,深感自己目前所學知識的淺薄以及實戰經驗的缺失。今天初步了解了一下前端的vue.js

時間不長,只是看了一些基本內容,肯定也是做不了什麼大專案的,這裡回憶一下所學知識。

1.引入vue(此處利用script直接引用,另外呢,vue官網是給了很多教程的,對新手是很友好的)

官網:

開啟以後,我們可以複製裡面的內容,將其複製到本地(新建文字文件,複製完儲存為.js)

然後你就可以在本地建乙個html檔案測試

再html的header裡面我們引入

至此引入完畢。

2.容我引用一下官網的介紹:

3.先貼上自己寫測試的所有**

第二個按鈕

}

怎麼說呢,寫起來是真的有種賊方便的感覺,這大概就是框架的魅力,但是新手的話建議還是從html,css,js開始學習。

4.開始按照我的測試**,一點一點解析

head裡面script 引入我們的vue,我在上面說過了

第二個按鈕

}

vue2 x學習筆記(一)

使用vue開發專案已經過了一段時間了,對其中的很多東西還是一知半解,於是想要系統學習一下。主要內容是參照官方中文 然後加上一些自己的理解與批註。什麼是vue.js vue 讀音 vju 類似於view 是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是,vue被設計為可以自底向上逐層應用。...

Vue2 x 快速入門例項專案

本專案是在使用vue cli生成的腳手架程式基礎上,綜合運用vue的各項特性開發的乙個快速入門例項專案。install vue cli npm install g vue cli init project vue init webpack my project entry into the file...

vue2 x知識總結

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