xuyiping
/
web-demo


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243
							<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>hello world</title>
    <script src="vue.js"></script>
</head>
<body>
    <div id="root">
        <div v-on:click="handleClick">{{message}}</div>
        <item></item>
    </div>

<script>
    Vue.component('item',{
        template: '<div>body</div>'
    })

    var vm = new Vue({
        el: '#root',
        data: {
            message: 'Hello World'
        },
        methods: {
            handleClick: function () {
                alert("DingDing")
            }
        },
        beforeCreate:function (){
            console.log("beforeCreate")
        },
        created: function (){
            console.log("create")
        },
        beforeMount:  function () {
            console.log("beforeMount")
        },

    })

    console.log(vm.$data.message)
</script>
</body>
</html>