Vue2.js （3）模版框架

小寒老师

于 2021-09-28 11:20:53 发布

阅读量252

点赞数

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/HS_Levis/article/details/120525614

版权

vue.js javascript html

前端专栏收录该内容

6 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

典型的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');
        }
    }
})