!DOCTYPE htmlhtmlhead meta charset=UTF-8 titleDocumenttitle script src=vuejsscriptheadbody div id=app pnamep div script var vm = new Vue el #app data name 定义初始数据
这段代码使用了Vue.js框架,通过定义一个Vue实例vm,将数据对象data中的name属性绑定到HTML页面中的p标签上,最终页面会显示“定义初始数据”。
在代码中,Vue实例的el属性指定了Vue实例所控制的DOM元素,这里是id为“app”的div元素。data属性定义了Vue实例所需要绑定的数据对象,这里定义了一个name属性,并初始化为“定义初始数据”。
在Vue实例创建之后,可以通过访问Vue实例的属性来获取Vue实例的状态信息。这里通过访问vm.$data.name和vm.name来获取Vue实例中绑定的数据对象中name属性的值,输出到控制台中。其中,vm.$data.name可以访问Vue实例中绑定的数据对象,而vm.name则是通过Vue实例的代理访问数据对象中的属性。
原文地址: https://www.cveoy.top/t/topic/f7d0 著作权归作者所有。请勿转载和采集!