vue.js

MDI 설치 $ yarn add @mdi/font -D // OR $ npm install @mdi/font -D 👍 Vue // plugins/vuetify.js import '@mdi/font/css/materialdesignicons.css' // Ensure you are using css-loader import Vue from 'vue' import Vuetify from 'vuetify/lib' Vue.use(Vuetify) export default new Vuetify({ icons: { iconfont: 'mdi', // default - only for display purposes }, }) 👍 Nuxt default 로 ic..

[Django] Vue.js 사용하기 본 글은 AHackersDay의 https://ahackersday.com/blog/how-to-use-vue-and-django-together/ 글을 원작자의 동의를 받고 번역했습니다. Vue와 Django를 함께 사용하는 방법은 여러가지가 있고, 이 글에서는 우린 그 중 세 가지를 할 것입니다. 두 가지를 합치는 것은 큰 도전이 아니지만 몇 가지 생각해야 할 것이 있습니다. 1. Django Templates에 Vue 통합하기 (Integrate Vue into Django templates) Vue와 Django를 통합하는 가장 쉬운 방법은 vue script를 html코드에 포함시키는 겁니다. 이 작업이 완료되면 vue app 과 components를 만들 ..

[Vue.js] Vue-cli (2) [이전 글] [Vue.js] Vue-cli (1) # Event Bus 형제 컴포넌트 간의 값 전달방식 사용 방법 1) main.js 에서 eventBus선언 ex) // 방식 1 export const eventBus = new Vue() // 방식 2. 객체안에 method를 이용하면 eventBus를 매번 선언하지 않아도 된다 export const eventBus = new Vue({ methods: { userWasEdited(date) { this.$emit('userWasEdited', date) } } }) 2) 형제1에서 eventBus 불러와서 methods에서 사용. 방식 1: eventBus.$emit('신호명', 전달값) 방식 2: eventB..

[Vue.js] This dependency was not found: * core-js/modules/web.dom.iterable 에러 core-jscore-js/modules/web.dom.iterable를 설치하라는 오류가 발생한 경우 기존 node-modules를 제거한 후 다시 설치하면 된다. $ rm -rf node_modules && npm install [출처] https://www.curtismlarson.com/blog/2016/05/12/webpack-cannot-find-module-web-dom-iterable/

[Electron] Electron + vue.js Vue-cli2 electron builder : https://simulatedgreg.gitbooks.io/electron-vue/content/ko/ $ npm install -g vue-cli $ vue init simulatedgreg/electron-vue 프로젝트 $ yarn # 또는 npm install $ yarn run dev # 또는 npm run dev Vue-cli3 electron builder : https://github.com/nklayman/vue-cli-plugin-electron-builder $ npm install -g @vue/cli $ vue create 프로젝트 $ npm run serve # 웹 접속 가능 ..