Vue创建组件的三种方法

Vue创建组件的三种方法

第一种方法

<div id="app">
			<!-- 如果要使用组件，直接把组建的名称直接以标签的形式引入到页面中 -->
			<my-Com1></my-Com1>
			<!-- 下面如果用驼峰命名法，标签名称应该改成这种 -->
			<mycom2></mycom2>
		</div>

<script>
		//使用 Vue.extend 来创建全局的 Vue 组件
		 var com1= Vue.extend({
   
			 template: '<h3>使用 Vue.extend 创建的组件</h3>'   //通过 template 属性，制定了组件要展示的HT