1. 打开官网,点击开发版本将文本内容复制粘贴到vue.js文件中,在html页面中使用<script>
标签引入,Vue
会被注册为一个全局变量。
2. 挂载点,el绑定的页面标签,模板是在绑定标签内部的内容,也可以在vue中设置。vue会自动将数据和视图绑定,不用在编写DOM方法操作啦。
new Vue({ el: "#root", data: { msg: "hello World" } });
new Vue({ el: "#root", template: '<div>hello {{msg}}</div>', data: { msg: "hello World" } });
3. 面向数据编程,只需要修改Vue里面的数据,相应的模版页面内容也会随之改变
4. 点击方法绑定(@click),属性绑定(:属性),双向数据绑定(v-model)