반응형 v-if2 [Vue3] Stand Alone #2. v-if, v-else-if, v-else, v-show Vuejs 3 if else Vue3 를, (npm 없이, webpack 없에, package.json 없이 등등..), 홀로 사용 하려는 경우에 vue3 를 개발하는 방식 중 하나 입니다. Stand Alone 으로 사용할 수 밖에 없는 경우만 봐주세요~ v-if 와 v-show 는 어떨때 써야할까? 짝수! 짝수! 이 두 코드는 보여지기에는 똑같습니다. v-if 는 더 높은 토글비용. v-show는 더 높은 랜더링 비용. 으로 생각하면 되는데요. 햇갈릴 경우엔, 예전 jQuery 에서 show 와 hide 는 존재하는 객체에 적용할 수 있는거이기 때문에 'show 는 무조건 객체를 만들고 시작해야 하는구나, 그럼 초기에 랜더링 비용이 들겠네..' 라고 생각하면 될거같습니다. 그래서 v-show 는 런타.. 2022. 3. 20. [Vue] v-if 와 v-show 의 차이. 사용 시 주의사항. vuejs v-if vs v-show v-if : element가 자체가 있고없고 v-show : element는 있는데 visible on/off 역시. 예제로 보기 v-if export default { computed: { displayByValue: function () { return this.$store.state.myvalue } }, ... mounted: function () { // event binding $('#some_id').click(....); } } - state 의 myvalue값에 따라 를 표시하고 숨기고 하기 위한 코드입니다. - 정상 작동 하는것 처럼 보이지만 치명적인 오류가 있죠. - 처음 화면이 뜨고, state.myvalue 가 true 면 v-if 가 보여지고.. 2021. 6. 7. 이전 1 다음 728x90 반응형
