<script src="js/vue.js"></script>
new Vue({
el:"#app",
data(){
return{
username:""
}
}
});
<div id="app">
<input name="username"v-model="username">
{{username)}
</div>
<a v-bind:href="url">百度一下</a>
<!--
v-bind可以省略
-->
<a:href="url">百度一下</a>
<input name="username"v-model="username">
<input type-="button" value="一个按钮"v-on:click="show()">
<input type="button"value="一个按钮"@click="shoW">
new Vue({
el:"#app",
methods:{
show(){
alert("我被点了");
}
}
});
<div v-if="count == 3">div1</div>
<div v-else-if="count == 2">div2</div>
<div v-else>div3</div>
<div v-show="count == 3">div4</div>
<div v-for="addr in addrs">
{{addr}}<br>
</div>
<div v-for="(addr,i)in addrs">
<!-i表示索引,从0开始->
{{i+1}}:{{addr}}<br>
</div>
new Vue({
el:"#app",
mounted(){
alet("vue挂载完毕,发送异步请求");
}
});
<script src="vue.js"></script>
<script src="element-ui/lib/index.js"></script>
<link rel="stylesheet"href="element-ui/lib/theme-chalk/index.css">
创建 Vue 核心对象
<script>
new Vue({
el:"#app"
})
</script>
都多余了,上官网上找代码就行