VUE框架
el：获取要使用VUE的element
data：数据，数据具有同步性
methods：方法集
<html>
<head>
<title>HelloWorld</title>
<script src="../vue.js"></script>
</head>
<body>
<div id='demo-content'>
<div>{{ HelloWorld }}</div>
<!--
v-on:click.stop
v-on:click.prevent
v-on:click.capture
v-on:click.self
v-on:click.once
v-on:click.passive
-->
<button v-on:click="setHelloWorld('漂亮的你')">You're Beautiful</button>
<form v-on:submit="newsSearch()">
<input type="serach"/>
<input type="submit" value="搜索"/>
</form>
</div>
<script>
var vm = new Vue({
el: '#demo-content',
data: {
HelloWorld: '你好世界！'
},
methods: {
setHelloWorld: function(val) {
this.HelloWorld = val;
},
newsSearch() {
alert('Login..........');
}
}
});
</script>
</body>
</html>
2767
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
