VueJS 및 Jade 사용 방법

Question

저는 VueJS에 상당히 익숙하며, VueJS와 Jade를 함께 사용하는 방법은 상당히 사소한 문제인 것 같습니다. 다음은

내가 옥에 렌더링하기 위해 노력하고있어 코드 : 그러나

extends layout 

block content 
    div.main-holder 
     button(v-on:submit="handleIt")Button 

나는이 오류 페이지를로드 할 때 :

/사용자/사용자 이름/문서/응용 프로그램/응용 프로그램/views/index.jade : 5 3 | 콘텐츠 차단 4 | div.main-holder> 5 | 버튼 (V-에 = "handleIt」를 제출해) text 예상 버튼 예기치 않은 토큰 tag, code, :, newline 또는 eos 오류 : /Users/username/Documents/app/app/views/index.jade:5 3 | 블록 컨텐츠 4 | div.main 홀더

5| button(v-on:submit="handleIt")Button

예기치 않은 토큰 tag 예상 text, code, :, newline 또는 Parser.tag에서 eos (/ 사용자/사용자 이름/문서/응용 프로그램/응용 프로그램/node_modules/옥/lib 디렉토리/파서. js : 828 : 15) (Parser.parseTag)/(사용자/사용자 이름/문서/응용 프로그램/app/app/node_modules/jade/lib/parser.js : 211 : 21) at Parser.block (/Users/username/Documents/app/app/node_modules/jade/lib/parser.js:729:25) Parser.tag (/ Users/usern) ames/Documents/app/app/node_modules/jade/lib/parser.js : 838 : 24) at Parser.parseTag (/Users/username/Documents/app/app/node_modules/jade/lib/parser.js:759) : 17) at Parser.parseExpr (/Users/username/Documents/app/app/node_modules/jade/lib/parser.js:211:21) at Parser.block (/ Users/username/Documents/app/app /node_modules/jade/lib/parser.js:729:25) at Parser.parseBlock (/Users/username/Documents/app/app/node_modules/jade/lib/parser.js:535:14) at Parser. parseExpr (/Users/username/Documents/app/app/node_modules/jade/lib/parser.js:215:21)

나는 파이프 문자와 몇 가지 다른 시퀀스로 버튼을 이스케이프했지만 아무 것도 보이지 않았다. 일하다. 어떤 도움이라도 대단히 감사하겠습니다.

Answer 1

나는 버튼 (v-on : submit = "handleIt")과 단어 "버튼"사이에 공백이 없어 보였다. 내 문제가 해결되었습니다.