vue组件化 全局

vue组件 可以复用
组件化：component(“组件名”，{vue对象})
使用组件
在被vue绑定的html元素中才能使用组件

   <div id="app">
        <model1></model1>
    </div>
    
    <script src="../js/vue.js"></script>
    <script>
        
         Vue.component ( "model1",{
            template:"<div><button type='button' @click='btnfn' > 点我</button> </div>",
            data:function(){
                return {
                    title:"hello vue"
                }
            },
            methods:{
                btnfn:function(){
                    alert("hello !!");
                }
            }

            }
        )
        new Vue({
            el:"#app"
        })
    </script>


       **data区别
        new Vue({
            data:{
                name:'xm',
                age:13
            }
        })
        ========>
        new Vue(){
            data:function(){
                return {
                name:'xm',
                age:13
                
                }
            }
        }**

template:"

{{title}}

<button type=‘button’ @click=‘btnfn’ > 点我

{{title}}