如何在HTML文件中使用vue的开发者工具

如何在HTML文件中使用vue的开发者工具,第1张

用法:使用基础 Vue 构造器,创建一个“子类”。参数是一个包含组件选项的对象。

_ata 选项是特例,需要注意 - 在 Vue.extend() 中它必须是函数

_xtend 创建的是 Vue 构造器,而不是我们平时常写的组件实例,所以不可以通过 new Vue({ components: testExtend }) 来直接使用,需要通过 new Profile().$mount('selector选择器') 来挂载到指定的元素上。

_ue.extend + vm.$mount 组合

在head标签中引入vue的js文件。

1、新建html文档,然后在head标签中引入vue的js文件,这里以引入cdn文件为例。2、在body标签中添加一个id为“app”的div标签,然后在这个div标签中再添加一个div标签,在vue中添加一个变量数据,然后用“{{}}”符号将变量引入到div标签中,并且在标签中添加“v-html="变量"v-html="变量"”属性。3、用浏览器打开html文档,这时可以在页面中看到被v-html指令添加的html元素。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8297525.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存