v-bind 오류 : v-bind '는 선언되지 않은 접두사입니다.

Question

저는 Orckestra CMS (Composite 이전)와 Razor Templates를 사용하고 asp.net에서 Vue 프레임 워크를 사용하려고합니다. 실패 을 보여

<select class="form-control" id="myExample1"> 
    <option v-for="option in options" v-bind:value="option.value">{{option.text}}</option> 
</select> 

렌더링 페이지 : {{option.text}}

<select class="form-control" id="myExample1"> 
    <option v-for="option in options">{{option.text}}</option> 
</select> 

를 사용하지만 V-bind 속성을 삽입 할 때, 페이지가 깨진 경우

모든 괜찮습니다 "오류 : 'v-bind'는 선언되지 않은 접두어입니다."

Answer 1

해결 : 문제는, XHTML의 검증이다 태그 매우 엄격하다, 속성 등

이 검증을 정렬하는 방법이없이 결합 할 수 < ![CDATA[ "blablabla" ]]>

<select class="form-control" id="myExample1"> 
<![CDATA[  
<option v-for="option in options" v-bind:value="option.value">{{option.text}}</option> 
    ]]> 
</select> 

Answer 2

vuejs에 대해서는 문제가되지 않습니다. this fiddle shows입니다. 면도기 템플릿 엔진은 네임 스페이스 v-bind:을 알지 못하며 : 만 유효하지 않습니다. xml. 템플릿 엔진에 vuejs의 네임 스페이스를 알려줘야합니다. Razor 템플릿 엔진에 맞춤 네임 스페이스를 추가하는 방법은 another stack overflow article입니다.

Answer 3

v-bind 사이의 코드를 걸고있다 : 아래와 같이 :

<option v-for="option in options" v-bind="{value: option.value}">{{option.text}}</option> 

는 것은 동일

<option v-for="option in options" v-bind:value="option.value">{{option.text}}</option> 

cf. Vue.js#v-bind