vue.js指令與事件(v-bind)
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<!-- Vue.js -->
<script src="https://unpkg.com/vue/dist/vue.min.js"></script>
</head>
<body>
<div id="app">
<a v-bind:href="url">連結</a>
<img v-bind:src="imgUrl">
</div>
</body>
</html>
<script>
var myData = {
url:'https://www.baidu.com/',
imgUrl:'https://www.baidu.com/img/dq_8fcf574f9211b1572202110e194a6ab3.gif',
};
var app = new Vue({
el:'#app',
data:myData,
})
</script>
相關文章
- Vue.js從0到1:v-bind指令Vue.js
- 說說 Vue.js 的指令與事件Vue.js事件
- vue指令v-bindVue
- Vue.js自定義指令的用法與例項Vue.js
- vue 的v-on與v-bindVue
- Vue.js常用指令:v-forVue.js
- vue學習筆記(一)---- vue指令( v-bind 屬性繫結 )Vue筆記
- Vue.js基礎學習(三) -------------動態繫結v-bind的介紹和使用Vue.js
- Vue.js原始碼——事件機制Vue.js原始碼事件
- 我的 Vue.js 學習日記 (七) – 事件與修飾符Vue.js事件
- vue從入門到進階:指令與事件(二)Vue事件
- 等待事件指令碼事件指令碼
- vue.js響應式原理解析與實現—實現v-model與{{}}指令Vue.js
- Vue.js第十課 自定義指令Vue.js
- Vue.js 2.x筆記:指令(4)Vue.js筆記
- vue.js繫結事件監聽器(v-on)Vue.js事件
- Vue.js原始碼學習三 —— 事件 Event 學習Vue.js原始碼事件
- 事件流與事件溯源事件
- vue.js插值與表示式Vue.js
- vue2.0自定義指令,用touch事件替換scroll事件Vue事件
- 定時收集gc事件的指令碼GC事件指令碼
- Vue.js原始碼解析-從scripts指令碼看vue構建Vue.js原始碼指令碼
- Js 事件原理與事件委託JS事件
- touch事件與click事件區別事件
- Spring Security (三):與Vue.js整合SpringVue.js
- oc 與 js互動之vue.jsVue.js
- 查詢等待事件及處理指令碼事件指令碼
- JS的事件物件與事件機制JS事件物件
- 委託與事件-事件詳解(二)事件
- jQuery 事件(一) 滑鼠與鍵盤事件jQuery事件
- Dev GridView RowCellClick事件與MouseDown事件devView事件
- vue 方法與事件Vue事件
- 事件與事務事件
- Vue.js 深入理解 computed 與 watchVue.js
- vue.js顯示與隱藏(v-if)Vue.js
- vue.js與其他前端框架的對比Vue.js前端框架
- 【指令碼】快速排除空閒等待事件得到敏感的非空閒等待事件指令碼事件
- 10046 事件 與 10053 事件事件