VueJS笔记基础篇
程序员文章站
2024-01-13 22:25:46
...
<script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>$ cnpm install vue
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>vuejs</title>
<script type="text/javascript" src="js/vue.js" ></script>
</head>
<body>
<div id="demo">
<span v-on:click='clickHandle'>{{message}}</span>
</div>
<script>
let data={
message:'hello,vuejs'
}
var vm = new Vue({
el:'#demo',
data:data,
methods:{
clickHandle:function(){
alert(1);
}
}
})
</script>
</body>
</html>
<!-- 完整语法 -->
<a v-bind:href="url"></a>
<!-- 缩写 -->
<a :href="url"></a>
<!-- 完整语法 -->
<a v-on:click="doSomething"></a>
<!-- 缩写 -->
<a @click="doSomething"></a>`
v-else-if v-if v-for