Vue的基本使用

时间：2019-10-27 14:25:16 收藏：0 阅读：44

<script>
    // 创建Vue对象
    var vm = new Vue({
        // 接管app对应的div区域
        el: "#app",
        data: {
            // 定义数据
            name: "itcast"
        },
        methods: {
            // 定义方法
            change_name: function () {
                // 修改name变量数据
                this.name = ‘itheima‘;
            }
        }
    });
</script>

<body>
    <div id="app">
        <!-- 使用数据 -->
        {{ name }}
        <input type="button" @click="change_name" value="改变name">
    </div>
</body>