第一个Vue.js
Vue.js个人整理
案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vue学习</title>
<script src="js/vue.min.js"></script>
<!-- 导入Vue.js -->
</head>
<body>
<div id = "app">
<button @click="showInfo">请点击</button>
<p>{{ms}}</p>
<!-- {{massage}} -->
</div>
<script>
var app = new Vue({
el:'#app',
Model : 数据
data:{
ms: "hello,vue!",
},
methods:{
showInfo(){
this.ms = "你好666999, Vue"
}
}
});
</script>
</script>
</body>
</html>
|
view和Model双向绑定
作者: 我叫史迪奇
本文来自于:
https://sdq3.link/Vue-one.html博客内容遵循 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议