Next Dev Gil

  • 홈
  • 태그
  • 방명록

Dev/Vue3 3

[Vue] Study 키워드 정리

복습을 위한 강의 키워드 methods - data() mounted() - props -- components v-if v-for $emit $event @input @input="month = $event.target.value" 두개는 같음 v-model="month" watch - 인풋 벨리데이터 lifecycle hook emitter vuex 호출 $store.state.키값 변경해줘 @click="$store.commit('changeName')" - mapState mitt setup(){ onMounted(()=>{ }); } ref([]);

Dev/Vue3 2023.10.12

[Vue] Vue3에서 Scss 사용하기

Install package에 node-sass 와 sass-loader를 설치 npm install --save-dev node-sass sass-loader Usage main.js에 scss import - import "./assets/scss/common.scss"; //scss import import { createApp } from 'vue' import App from './App.vue' import mitt from 'mitt' let emitter = mitt(); let app = createApp(App) app.config.globalProperties.emitter = emitter; import store from './store.js' import './registerSe..

Dev/Vue3 2023.10.12

[Vue] vue.config.js 에서 build publicPath 변경

vue.config.js Vue CLI 3 버전부터는 vue.config.js로 웹팩 설정을 관리 https://cli.vuejs.org/guide/ Usage 개발환경과 build환경의 root경로를 각각 지정을 위한 설정 module.exports = defineConfig({ transpileDependencies: true, publicPath: process.env.NODE_ENV === 'production' ? '/vue/' //npm run build : '/' //npm run serve })

Dev/Vue3 2023.10.06
이전
1
다음
더보기
프로필사진

프론트엔드 개발 기록, 일상 기록

  • 분류 전체보기 (15)
    • Dev (0)
      • React (1)
      • Next.js 13 (2)
      • Vue3 (3)
      • Nuxt3 (5)
      • Gulp (0)
      • VSCode (4)
    • 일상 (0)
      • 초보식집사 (0)

Tag

dangerouslySetInnerHTML, scss, nextjs, ogtag, vue.config.js, VSCode #, cdnurl, ESLint, sass, nuxt3, Prettier, vue3, ogimage, publicPath, vsCode, vue, Extensions, npm, Next.js13, Sanitize-html,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/08   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바