써먹는 웹개발

[Vue.js] id를 가변하는 방법 본문

Study/Vue.js

[Vue.js] id를 가변하는 방법

kmhan 2020. 9. 28. 22:52


728x90
반응형

자바스크립트에서는 id를 가변하는 방법이 따로 없어서 html append를 주로 썼던 것 같다.

하지만, vue에서는 v-bind를 이용해서 id를 가변할 수 있다.

 

사용방법

<!DOCTYPE html>
...
    <div id="app">

        <p v-bind:id="uuid">{{ num }}</p>

    </div>

 

    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

    <script>

        new Vue({

            el: '#app',

            data: {

                num: 10,

                uuid: 'abc1234'

            },

            computed: {

            }

        })

    </script>
</body>
</html>

 

출처 : Vue.js 시작하기

728x90
반응형
저작자표시

'Study > Vue.js' 카테고리의 다른 글

[Vue.js] Vue-Cli 설치중에 에러날때 해결방법  (0) 2020.10.04
[Vue.js] TextBox에서 Enter 키를 눌렀을때 조회 버튼 클릭과 동일한 동작이 실행되도록 처리하는 방법  (0) 2020.09.29
[Vue.js] "Cannot resolve module 'vuex' in" 해결방법  (0) 2020.07.18
[Vue.js] 네이밍 케이스 종류  (0) 2020.07.01
[Vue.js] 매일 한번씩 봐야할 Vue 공식 스타일 가이드  (0) 2020.07.01
'Study/Vue.js' Related Articles more


Comments