vue 自定义标签

vue 自定义标签,第1张

Vue.component('button-counter', {

data: function () {

return {

count: 0

}

},

template: '<button v-on:click="count++">You clicked me {{ count }} times.</button>'

})

后面的部分要单独拿出来,直接var={}试试,没验证

解决这个问题的方法如下:

1、双击打开HBuilder工具,新建静态页面vhtml.html,并引入vue.js文件。

2、在<body></body>标签元素插入一个div和input输入框标签,添加v-model和v-html指令

3、在<div></div>标签下方插入<script></script>,并在这个标签初始化vue组件函数。

4、保存代码并在浏览器中预览该界面,可以查看到浏览器控制台报错了。

5、最后修改v-html指令和v-model指令绑定的数据变量,然后保存代码,这样问题就解决了。


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

原文地址:https://54852.com/bake/7974889.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存