一，三種變數顯示方法
} 兩個雙括號顯示，在前台顯示括號內的值，例如：變數為test，前台顯示為：test；
v-text="msg1" 例如：變數為test,前台顯示為：test；
v-html="msg1" v-html可以解析變數內容取值。例如：變數為test，前台顯示為：test；
前台：
二，v-bing屬性繫結
如圖在新建div中繫結title屬性，"title_name"變數在data中定義為：燃燒我的卡路里
前台顯示為：
三，雙向繫結
新建兩個div，在第二個div中加上input文字框，文字框內容為輸入值"張三的歌"
第三個div中v-text動態顯示"張三的歌"，同時在上一步第乙個div 中title注釋也為"張三的歌"
四，button雙擊單擊事件
在script中data定義引數test1，test2，
在methods中新建函式mybutton1，mybutton2，函式裡title_name（雙向繫結）為上一步文字框輸入內容
在vue**中兩個div中放入兩個button分別為單擊按鈕，雙擊按鈕。
test1，test2引數作為button的名字，單擊事件為：v-on:click="mybutton1"
雙擊事件為v-on:cblclick="mybutton2"
前台單擊按鈕效果為：
前台雙擊按鈕效果為：
五，js中的console.log() 除錯命令
console.log能夠在瀏覽器控制台中輸入值，以便開發者除錯。
如圖所示，『張三的歌』為上一步除錯單擊事件顯示的內容，在單擊事件中加入console.log後，f12在控制台中能看到除錯的結果。
Vue學習（第二天）
開啟vscode，通過檢視 終端開啟終端，準備建乙個vue專案。開啟乙個目標資料夾，終端給命令 npm install g vue cli建立乙個專案 vue init webpack projectname cnpm install global vue cli 這個比上面更快一點 在這裡發現報錯...
學習Vue的第二天
一 計算屬性 1.1計算屬性的本質 1.2計算屬性和methods對比 二 事件監聽 2.1事件監聽的基本使用 2.2引數問題 2.3修飾符 三 條件判斷 3.1v if v else if v else 3.2登入小案例 3.3.v show 四 迴圈遍歷 4.1遍歷陣列 4.2遍歷物件 4.3陣...
第二章 Vue 起步
2 2.編寫hello world 首先建立vue例項，然後例項接收一些配置項，el表示例項負責管理的區域，data表示區域內的資料 v for迴圈指令，可以幫助我們迴圈資料，list指data裡面的list資料，item指迴圈過程中每一項的內容。可在console中可除錯，可改值。資料雙向繫結除錯...