Vue的基本使用

Posted gdavid

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue的基本使用相关的知识,希望对你有一定的参考价值。

<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的基本使用的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段2——.vue文件的模板

VSCode自定义代码片段(vue主模板)

VSCode自定义代码片段13——Vue的状态大管家