vue – v-html 사용 시 css 스타일 적용

v-html을 사용해서 문자열 변수에 포함된 태그에 css 스타일을 적용하려고 했는데 정상적으로 스타일이 적용되지 않았다. 다음과 같은 옵션을 사용해서 해결할 수 있다. 예제 var html_str = "Hello <mark>Example</mark> World" 위와 같은…

0 Comments

vue.js – vuex 예제

vuex에 대해 잘 정리된 예제가 있어 정리한다. Vue 프로젝트 생성 vue 명령을 이용해 Manual 설정으로 프로젝트를 생성한다. 추가 패키지로 Babel, Router, Vuex, CSS Pre-processors, Linter를 선택했다. $ vue create vuex_example…

0 Comments

jsfiddle을 이용한 vue.js hello world example

https://jsfiddle.net/ 에 접속해서 바로 vue.js를 테스트 해보는 것이 가능하다. jsfiddle 사이트를 접속하면 기본적으로 HTML, Javascript, CSS 세개의 컴포넌트로 나누어진 Editor를 볼 수 있다. 해당 Editor에 다음과 같이 입력하면 바로 hello…

0 Comments

vue.js – 개발 관련 자료 모음

Vue.js 개념 정리를 위한 글들 vue.js 공식 가이드왜 43%의 프론트엔드 개발자들은 Vue.js를 배우고 싶어하나?Vue.js 입문서 - 프론트엔드 개발자를 위한Vue 인스턴스템플릿문법1[Vue.JS 2.0] 소개 및 시작하기[To-Do 앱]Vue.js 와 Node.js를 이용해 웹 앱…

0 Comments

vue.js – 크롬 확장 vue.js devtools 설치하기

크롬 확장 프로그램을 설치 할 수 있는 링크 https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=ko 확장 프로그램을 설치하면 위와 같이 크롬 툴바에 vue devtools 아이콘이 생성된 것을 볼 수 있다. vue.js로 된 사이트에 접속하여 F12 키를…

0 Comments