Vue에서 Template 속 script 태그로 인한 에러 대처법

 

Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <script>, as they will not be parsed.

 

라는 에러가 나타난다면

 

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

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>로 .min.을 붙여 스크립트를 바꿔주면 된다.

 

물론 코드 내부에서 import를 하려면

 

import Vue from 'vue/dist/vue.js' 에서

import Vue from 'vue/dist/vue.min.js' 로 변경하자.