vue基础学习

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)

原文地址:https://www.cnblogs.com/yangjiming/p/11166870.html