java 模块化 组件化 jar_组件化和模块化

Title

这是通过 template 元素，在外部定义的组件结构，这个方式，有代码的只能提示和高亮

123456

//创建组件的方式1：================================================

//1：使用Vue.extend 来创建全局的Vue组件

// const com1=Vue.extend({

// //通过 template 属性，指定了组件要展示的HTML结构

// template:'

这是使用 Vue.extend 来创建的组件

'

// });

//2：使用Vue.component('组件的名称'，创建出来的组件模板对象)

// Vue.component('myCom1',com1);

//如果使用 Vue.component 定义全局组件的时候，组件名称使用了驼峰命名法，则在引用组件的时候，需要把大写的驼峰改为小写的字母，同时两个单词之间使用 - 连接

//如果不使用驼峰命名，则直接拿名称来使用

// Vue.component('mycom1',com1);

//简写：s

// Vue.component('mycom1',Vue.extend({

// template:'

这是使用 Vue.extend 来创建的组件

'

// }));

//创建组件的方式2：================================================

// Vue.component('mycom1',{

// //注意：不论是哪种方式创建出来的组件，组件的 template 属性指向的模板内容，必须有且只能有唯一的一个根元素

// template:'

这是使用 Vue.component 来创建的组件

123

'

// });

//创建组件的方式3：================================================

Vue.component('mycom3',{

template:'#temp1'

});

//3种创建组件都需要创建vue 实例

const vm=new Vue({

el:'#app',

data:{},

methods:{}

})