Loading src/views/Home.vue +36 −17 Original line number Diff line number Diff line <!-- eslint-disable vue/multi-word-component-names --> <template> <div> <h1>Home</h1> <!-- https://stackoverflow.com/a/16562728/8911245 --> <button onclick="window.location.href='#/first'">Go to first</button> <!-- <HelloWorld msg="Home"/> --> <!-- 메인 문구에 Home 표시를 해주자 --> <h1>운명적인 사랑을 시험해보세요.</h1> <button class="love-button" @click="goToFirstPage">Test</button> <p>파일 업로드를 위한 튜토리얼>> <a href="https://wjs.biblio19.net/ko/information/tutorial" target="_blank">여기를 클릭하세요!!</a></p> </div> </template> <script> // import HelloWorld from '@/components/HelloWorld.vue'; <script> export default { name: 'Vue-Home', components: { // HelloWorld, }, methods: { goToFirstPage() { // 페이지 이동을 수행하는 JavaScript 코드 window.location.href = '#/first'; } } }; </script> <style> .love-button { background-color: #2196F3; color: #fff; border: none; padding: 10px 30px; border-radius: 30px; cursor: pointer; font-size: 25px; font-weight: bold; text-transform: uppercase; transition: background-color 0.3s ease; margin-top: 20px; } .love-button:hover { background-color: #1976D2; } </style> No newline at end of file Loading
src/views/Home.vue +36 −17 Original line number Diff line number Diff line <!-- eslint-disable vue/multi-word-component-names --> <template> <div> <h1>Home</h1> <!-- https://stackoverflow.com/a/16562728/8911245 --> <button onclick="window.location.href='#/first'">Go to first</button> <!-- <HelloWorld msg="Home"/> --> <!-- 메인 문구에 Home 표시를 해주자 --> <h1>운명적인 사랑을 시험해보세요.</h1> <button class="love-button" @click="goToFirstPage">Test</button> <p>파일 업로드를 위한 튜토리얼>> <a href="https://wjs.biblio19.net/ko/information/tutorial" target="_blank">여기를 클릭하세요!!</a></p> </div> </template> <script> // import HelloWorld from '@/components/HelloWorld.vue'; <script> export default { name: 'Vue-Home', components: { // HelloWorld, }, methods: { goToFirstPage() { // 페이지 이동을 수행하는 JavaScript 코드 window.location.href = '#/first'; } } }; </script> <style> .love-button { background-color: #2196F3; color: #fff; border: none; padding: 10px 30px; border-radius: 30px; cursor: pointer; font-size: 25px; font-weight: bold; text-transform: uppercase; transition: background-color 0.3s ease; margin-top: 20px; } .love-button:hover { background-color: #1976D2; } </style> No newline at end of file