본문 바로가기

vuejs

[Vue.config.js & SCSS] Vue2 / Vue3 에서 global scss 연결하기
1. 터미널에서 sass와 sass-loader 을 설치한다. npm i sass sass-loader --save 2. src 밑에 styles 폴더를 만들고 app.scss 파일을 만든다. 3. vue.config.js에서 css 부분을 추가해준다. module.exports = { lintOnSave: false, css: { loaderOptions: { scss: { additionalData: `@import "~@/styles/app.scss";`, //VUE CLI에서 @는 SRC 바라봄 } } }, } VUE CLI 에서 @는 src 폴더를 바라보게 되어있다. 현재 src폴더안에 styles 폴더가 있고, styles 폴더안에 app.scss가 있다. 나머지 scss는 app.scss에서..
[Npm & Vue.js] Error: Cannot find module 'vue-loader-v16/package.json'
상황 vue create하고 npm run serve를 했더니 아래와 같은 오류 발생. Error: Cannot find module 'vue-loader-v16/package.json' 해결 npm uninstall vue-loader-v16 npm i vue-loader-v16 차례대로 삭제했다가 다시 install하고 npm run serve 해보니 정상적으로 작동하였다.
[Vue2 vs Vue3] 기본내용정리1 (Fragment / setup / ref,reactive)
Vue2 vs Vue3 1. Fragment vue3에서는 template 태그 안에 꼭 하나의 태그로 감싸지 않아도 된다. 2. setup() 이 안에서 변수, 함수 선언 ! 사용할 것은 return 시키기 this는 더이상 사용하지 않는다. 3. ref와 reactive 변하는 데이터는 그냥 선언하면 안되고 ref로 감싸서 선언하기 기본 자료형(숫자, 문자 등)이면 ref로 감싸고 객체나 배열이면 reactive로 감싸기 1. Fragment Vue3에서는 template 태그 안에 꼭 하나의 태그로 감싸지 않아도 된다 logo hello world logo hello world 2. setup() 이 안에서 변수, 함수 선언 ! 사용할 것은 return 시키기. this는 더이상 사용하지 않는다. ..

티스토리툴바