Vue 组件的简单步骤使用

Vue组件

这是Vue组件全局注册的基本步骤。

       <script src="vue.min.js">    //引入Vue脚本
        <div id="app">                          //View
            <my-comp></my-comp>
        </div>
        <script>
            var comp = Vue.extend({ template: "<h1>创建Vue组件</h1>" });
            Vue.component("my-comp",comp);     //注册全局组件
            var vm=new Vue({                   //实例化View
                        el:"#app"
            })
        </script>

这是Vue组件的简单化局部注册

<script src="vue.min.js">
<div id="app">
	<my-comp></my-comp>
</div>
<script>
	var vm=new Vue({
		el:"#app",
		components:{
			"my-comp":{
				template:"<h1>创建Vue组件</h1>"
			}
		}
	})
</script>