原生html使用 vue 组件

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

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()

}

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

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

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

_ue.extend + vm.$mount 组合

---