由于工作需要，开始接触vuejs ， 官方文档地址：http://vuejs.org.cn/api/#vm-watch
看知乎大神说vuejs官方文档比较友好，我就很开心的跑去看了一下。
恩！！！？讲的什么鬼？
好了话不多说，我把我学习中的vuejs用直白的话语展现出来，希望对大家有一点点帮助。
先贴最基本的代码 : index.html
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div id="app">
{{message}}
<input type="text" name="" v-model="message">
</div>
<script type="text/javascript" src="vue.js"></script>
<script type="text/javascript">
new Vue({
el: '#app',
data:{
message:"22"
}
});
</script>
</body>
</html>
首先先导入vue.js ，然后新建一个script标签，在这个新的script标签中编写vue的代码
第一步：new Vue，注意这里的Vue第一个字母大写，这个就是相当于创建一个vue对象
第二步：el选择，el后面的 '#div1'代表的选择器选中了 id=app 的div标签
第三步：定义data中的数据message，html中的用法是: {{message}}
第四步：input框中的内容绑定data中的message，用法: v-model="message"
<h1>觉得本文对你有帮助</h1>
关注简书mid米店，持续分享中。。。
网友评论