const state = reactive({
foo: 1,
bar: 2
})
const stateAsRefs = toRefs(state)
/*
Type of stateAsRefs:
{
foo: Ref<number>,
bar: Ref<number>
}
*/
// The ref and the original property is "linked"
state.foo++
console.log(stateAsRefs.foo) // 2
stateAsRefs.foo.value++
console.log(state.foo) // 3
function useFeatureX() {
const state = reactive({
foo: 1,
bar: 2
})
// logic operating on state
// convert to refs when returning
return toRefs(state)
}
export default {
setup() {
// can destructure without losing reactivity
const { foo, bar } = useFeatureX()
return {
foo,
bar
}
}
}
cf ) git repository 와 내가 생성한 dir 명이 다른 경우 매번 파일을 옮겨야 하는 불편함이 생김
그러니 repository 와 dir 을 같게 하는게 편함
내 컴퓨터에서 git repository clone 한 dir 에서 .git 파일을 찾음
$ls -al
vue 초기 세팅 설치
$vue init webpack <project-name>
webpack 을 이용한 vue-cli 초기 세팅
예시 ) 해당 값들은 package.json 에서 변경 가능
vue-cli을 이용한 내 컴퓨터의 초기 프로젝트 세팅을 git에 올림
# add
# . 은 현재 stage에 있는 모든 파일 올림
$ git add .
# commit
$ git commit -m '~~~~커밋할 메시지~~~'
# push
# 처음 push할때는 git 계정 물어봄
# 만약 게정을 물어보지 않으면 권한 문제가 있어 github에서 따로 설정해줘야함
$ git push
# status
# 현재 내 브랜치에서 깃 상태 보기위한 명령어
$ git status
# add .
# . 은 현재 stage에 있는 모든 파일 올림
$ git add .
# commit
$ git commit -m '~
~커밋할 메시지~
'
# push
# 처음 push할때는 git 계정 물어봄
# 만약 게정을 물어보지 않으면 권한 문제가 있어 github에서 따로 설정해줘야함
$ git push
# status
# 현재 내 브랜치에서 깃 상태 보기위한 명령어
$ git status