Vue——组件化开发DEMO

<template>
    <div>
        <h2>{{messagea}}</h2>
        <button @click="btnClicka">按钮</button>
        <h2>{{namea}}</h2>
    </div>
</template>

<script>
    export default {
        name: "DEMO",
        data(){
            return {
                messagea: "hello Vue DEMO",
                namea: "STZG DEMO"
            };
        },
        methods:{
            btnClicka(){

            }
        }
    }
</script>

<style scoped>
    button{
        color: greenyellow;
    }
</style>