原生html使用 vue 组件

原生html使用 vue 组件,第1张

以下纯个人理解 欢迎 大佬指正

1.【vue 2.0】

http-vue-loader.js

原生html需要引入以上js

// 使用httpVueLoader

2.【vue 3.0】

组件的理解可以在各个js中 当函数使用

function fun1(id){

const Counter = {

data() {

return {

counter: "反转字符"

}

},

components:{

// "button-counter":app1

},

mounted(){

this.changeData()

}

在html中定义vue作用域需要引入script。

1、需要在需要新建一个HTML页面,在页面中引入下面的script标签,这里引用的是开发版本,带有报错提示,便利查找错误。

2、新建一个script标签,newVue实例。

3、上个小demo,点击按钮显示a链接。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存