<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>vue指令</title>
</head>
<body>
<div id="app">
{{id}}
<!-- <button v-on:click="test()">点击</button> --> <!-- v-on 指令事件-->
<!-- <a v-html="name"></a> --> <!-- v-html 给标签设置文本-->
<!-- <a v-bind:href="href">点击</a> --> <!-- v-bind 给属性赋值-->
<!-- <p v-for="array in arrays">{{array}}</p> --> <!-- v-for 循环指令/列表指令-->
<!-- <a v-if="id>10">a1</a>
<a v-else-if="id>10">a2</a> v-if v-else-if v-else v-show 不成立底层删除 show不删除 添加display:none
<a v-else>a3</a>
<a v-show="id>10">a4</a> -->
<input type="text" v-model="id" /> <!--v-model双向绑定事件-->
</div>
<script src="vue.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
new Vue({
"el":"#app",
"data":{
"name":"孙渊",
"id":"2",
"href":"https://www.baidu.com",
"arrays":["你说","这世上","什么","最","可悲","!!!"],
},
"methods":{
test(){
document.write("hello");
},
},
})
</script>
</body>
</html>
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
