{"id":20165128,"url":"https://github.com/hidekuma/vuejs-test","last_synced_at":"2026-03-19T14:17:02.920Z","repository":{"id":113364387,"uuid":"194993991","full_name":"hidekuma/vuejs-test","owner":"hidekuma","description":null,"archived":false,"fork":false,"pushed_at":"2022-12-10T21:12:12.000Z","size":28,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-13T14:33:39.170Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hidekuma.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-07-03T06:36:12.000Z","updated_at":"2019-07-04T06:09:31.000Z","dependencies_parsed_at":null,"dependency_job_id":"2d659471-44ae-4403-8043-c18a235b41f8","html_url":"https://github.com/hidekuma/vuejs-test","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hidekuma%2Fvuejs-test","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hidekuma%2Fvuejs-test/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hidekuma%2Fvuejs-test/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hidekuma%2Fvuejs-test/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hidekuma","download_url":"https://codeload.github.com/hidekuma/vuejs-test/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241601143,"owners_count":19988870,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-14T00:36:51.636Z","updated_at":"2026-02-13T20:47:11.596Z","avatar_url":"https://github.com/hidekuma.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# VueJs for test \n\n## memo\n\n### watch vs computed\n- vm \u003e methods \u003e watch = 호출 시마다\n- vm \u003e methods \u003e computed = 캐시\n\n### func in template\n- {{function}} = computed = 캐시\n- {{fucntion()}} = 캐시 X\n\n### bind prop or on action\n- v-bind:prop = :prop\n- v-on:action = @action\n\n### \u003ctemplate\u003e\n- 엘리먼트 추가하고 싶지 않을때\n\n### v-if vs v-show\n- v-if = 조건부 랜더링\n- v-show = CSS toggle\n\n### v-for의 :key\n- 반복되는 DOM 내용이 단순한 경우나 의도적인 성능 향상을 위해 기본 동작에 의존하지 않는 경우를 제외하면, 가능하면 언제나 v-for에 key를 추가하는 것이 좋다\n\n\n### 배열변경감지 \u003e 변이메서드\n호출된 원본 배열을 변형함:\n- push()\n- pop()\n- shift()\n- unshift()\n- splice()\n- sort()\n- reverse()\n\n#### 주의사항\n1. 인덱스로 배열에 있는 항목을 직접 설정하는 경우, 예: vm.items[indexOfItem] = newValue\n    - Vue.set(example1.items, indexOfItem, newValue)\nexample1.items.splice(indexOfItem, 1, newValue)\n\n2. 배열 길이를 수정하는 경우, 예: vm.items.length = newLength\n    - example1.items.splice(newLength)\n\n### 객체변경감지 주의사항\n속성 추가 및 삭제 감지 불가\n```javascript\nvar vm = new Vue({\n  data: {\n    a: 1\n  }\n})\n// `vm.a` 는 반응형입니다.\n\nvm.b = 2\n// `vm.b` 는 반응형이 아닙니다.\n```\n이렇게 해야함.\n```javascript\nVue.set(object, key, value)\n```\n\n### keycode config\n- Vue.config.keyCodes.f1 = 112\n\n### 객체를 bind\n```javascript\ntodo: {\n  text: 'Learn Vue',\n  isComplete: false\n}\n\u003ctodo-item v-bind=\"todo\"\u003e\u003c/todo-item\u003e\n\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhidekuma%2Fvuejs-test","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhidekuma%2Fvuejs-test","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhidekuma%2Fvuejs-test/lists"}