首先插入一段vue框架的模板**
<
!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
"x-ua-compatible" content=
"ie=edge"
>
document<
/title>
"">
<
/script>
<
/head>
>
}<
/div>
<
/div>
var vm =
newvue(,
methods:})
;<
/script>
<
/body>
<
/html>
代表view圖
在檢視中通過插值表示式}來引用資料，很簡單對吧，沒錯vue就是這麼通俗易懂。
但是使用插值表示式可能會帶來閃爍問題，可以用v-text代替，如果你一定要使用插值表示式，可以使用v-cloak，區別就是插值表示式只會插入內容，v-text會把之前的內容都清空。
下面實現乙個跑馬燈效果
<
!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
"x-ua-compatible" content=
"ie=edge"
>
document<
/title>
"">
<
/script>
<
/head>
>
}<
/p>
"button" value=
"開啟" v-on:click=
"go"
>
"button" value=
"停止" v-on:click=
"stop"
>
<
/div>
var vm =
newvue(,
methods:
// 開始定時器
this
.intervalid =
setinterval((
)=>
,500);
},stop()
}});
<
/script>
<
/body>
<
/html>
v-on的用法，除此還有這些：
v-bind屬性繫結
v-model雙向資料繫結
v-for迭代陣列
v-if每次重新刪除，重新建立，切換消耗較大
v-show則是切換display-none，有較高的初始渲染消耗
vue的基本指令就這些，除此之外還可以自定義指令，未完待續…
mysql筆記002 入門
結果為兩表行數的乘機，可以加上條件 1兩表順序沒有關係 where a.id b.id 兩表的交集 2判斷有獎金的員工 id和員工員工的部門,並且員工的薪水不為空 select empid,departid from employee e,depart d where e.id d.id and s...
vue 入門筆記
v model可以代替checked的值 checkbox value 小紅 v model girl 小紅 checkbox value 小綠 v model girl 小綠 vue的元件化 核心功能就是 前端模組化 元件可以把功能拆分成乙個個模組 不能使用 html5標籤名 js關鍵字 vue....
Vue入門筆記
a.el屬性 設定掛載點 通過css選擇器設定vue例項管理的元素 1.vue例項的作用範圍是什麼呢？el命中的元素外部不可使用vue例項管理的資料，但是命中元素及其內部後代元素可以隨便使用 2.是否可以使用其他的選擇器？支援id選擇器，class選擇器等，但最好在開發的使用使用id選擇器，因為id...