Vue的基本使用

时间：2019-10-27 14:25:16 阅读：44 评论：0 收藏：0 [点我收藏+]

标签：val cti ima com word 基本使用 title click comm

<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>

Vue的基本使用

标签：val cti ima com word 基本使用 title click comm

原文地址：https://www.cnblogs.com/Gdavid/p/11747128.html

踩

(0)

评论一句话评论（0）