vbase-3

<template>
    <div>
        <h3>Login.vue</h3>
        {{state}}
        <input type="text" v-model="state.userid"/>
        <input type="password" v-model="state.userpw" />
        <input type="button" value="로그인" />
    </div>
</template>

<script>
import {reactive} from 'vue';
export default {
    setup () {
         const state = reactive({
            userid: "aaa",
            userpw: "bbb",
        });
        const handleData = () => {
        	console.log("handleData()")
        }
        
        //생명주기 onMounted()
        OnMounted(() => {
        	
        });
        
        return {state, handleData}
    },
    data(){
        return{
            userid2:"AAA",
            userpw2:"BBB"
        }
    },
    methods:{
    
    }
    
}
</script>

<style lang="scss" scoped>

</style>

setup은 ver3.0
data ver2.0

셋업 안에서 data와 methods가 다 다뤄진다.
mounted는 OnMounted(()=>{ }); 로 다뤄짐. 리턴값이 필요하지 않음
created같은 경우는 setup 자체가 created임