본문 바로가기

component2

해시태그 컴포넌트 만들기 (Hashtags component) 나중에 쓸지도 몰라서 해시태그를 추가하는 컴포넌트를 만들었다. 기본적인 기능은 네이버 블로그의 해시태그 기능을 보며 참고했다. 아래는 내가 만든 해시태그 첫 진입시 UI 이걸 클릭하게되면.. 이런식으로 focus가 input에 들어가게된다. enter나 space를 누를때마다 태그가 추가되고, 특수문자나 중복은 안된다. 위의 이미지처럼 중복태그나, 특수문자 입력 후 태그 추가시(enter, space) 경고창이 뜬다. 아래는 만든 해시태그를 불러올 부모 컴포넌트이다. // 부모 컴포넌트 바인딩된 placeholder로 기본 설명을 넣을 수 있다. 기본값이 들어가 있으니 굳이 쓰고 싶지 않다면 제외해도 된다. // 부모 js import Hashtags from '@/components/Hashtags';.. 2021. 7. 23.
전역컴포넌트, 지역 컴포넌트 선언 및 정리 방법 1 ) 지역컴포넌트 선언 먼저 아래는 new Vue(생성자)를 이용한 Vue 의 기본단위인 인스턴스라고 한다. new Vue({ el: '#component', mixins: [mixin, linkUrlMixin, deviceMixin, webViewBridgeMixin], // 공통메서드 가져와 씀 created() { // 인스턴스가 만들어질 때 (데이터 초기화 목적) }, mounted() { // 인스턴스가 dom에 붙을때 (dom 조작 목적) }, data : function() { return { // 데이터 정의 } }, methods : { // 만들어두는 함수, 동작때 쓰임 }, computed : { // 계산식 , 변수화가 됨. }, props : [], // 다른 컴포넌트에서 .. 2021. 6. 29.