Vue2.js （3）模版框架

最新推荐文章于 2024-12-01 16:15:20 发布

原创最新推荐文章于 2024-12-01 16:15:20 发布 · 285 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #html

前端专栏收录该内容

6 篇文章

订阅专栏

本文介绍了如何使用Vue2.js创建一个基础的Web应用。通过实例展示了如何定义Vue对象，设置数据属性和方法，以及如何在HTML中绑定数据和调用方法。主要涉及的技术包括Vue实例化、数据绑定和方法定义。

典型的Vue2.js模版框架如下：

<div id='app'>显示信息</div>

var vm = new Vue({    //new Vue对象。应用Vue必须先new一个Vue对象
    el : '#app',    //定位，与html交互。此处el 与 html的div标签中id是相同的，但多一个‘#’
    data : {
        display = '你好',    //属性（变量）赋值。方便html中的应用
        a = 35,
    },
    methods : {
        getStudents:function(){    //定义函数体。可被调用
            console.log('calling function');
        }
    }
})