«vue.js» 태그된 질문

Vue.js는 점진적으로 채택 할 수있는 사용자 인터페이스를 구축하기위한 오픈 소스, 점진적 Javascript 프레임 워크입니다. Vue.js는 주로 프론트 엔드 개발에 사용되며 중간 수준의 HTML 및 CSS가 필요합니다. Vue.js 버전 별 질문은 [vuejs2] 또는 [vuejs3]으로 태그 지정해야합니다.

9
Vue.js-중첩 된 데이터를 올바르게 감시하는 방법
소품 변형을 올바르게 감시하는 방법을 이해하려고합니다. ajax 호출에서 데이터를 수신하고 데이터를 객체 안에 넣고 v-for 지시문을 통해 일부 하위 구성 요소를 렌더링 단순화 아래에 렌더링하는 상위 구성 요소 (.vue 파일)가 있습니다. <template> <div> <player v-for="(item, key, index) in players" :item="item" :index="index" :key="key""> </player> </div> </template> ... 그런 다음 내부 <script>태그 …
10
vue.js에서 조건부로 입력을 비활성화하는 방법
입력이 있습니다. <input type="text" id="name" class="form-control" name="name" v-model="form.name" :disabled="validated ? '' : disabled"> 내 Vue.js 구성 요소에는 다음이 있습니다. .. .. ready() { this.form.name = this.store.name; this.form.validated = this.store.validated; }, .. validateda 또는 a boolean일 수 있지만 데이터베이스에 저장된 값에 관계없이 입력은 항상 비활성화됩니다.01 인 경우 입력을 비활성화해야합니다 false. 그렇지 …
277 javascript  html  forms  vue.js 
5
Webpack을 사용하여 vue.js 프로젝트에서 at ( '@') 로그인 경로를 사용하여 ES6 가져 오기
새 vue.js 프로젝트를 시작하고 vue-cli 도구를 사용하여 새 웹팩 프로젝트 (예 :)를 스캐 폴딩했습니다 vue init webpack. 생성 된 파일을 살펴보면서 파일에서 다음과 같은 가져 오기를 발견했습니다 src/router/index.js. import Vue from 'vue' import Router from 'vue-router' import Hello from '@/components/Hello' // <- this one is what my qusestion is about …
9
URL에서 hashbang을 제거하는 방법?
#!URL에서 hashbang을 제거하는 방법 ? vue router documentation ( http://vuejs.github.io/vue-router/en/options.html ) 에서 hashbang을 비활성화하는 옵션을 찾았 지만이 옵션은 제거 #!하고 그냥 넣습니다.# 깨끗한 URL을 가질 수있는 방법이 있습니까? 예: 아니: #!/home 그러나: /home
257 vue.js  vue-router 
13
'소품'변경 사항을 듣는 방법
에서 VueJs 2.0 문서 나 수신 대기하는 어떤 후크 찾을 수 없습니다 props변경. VueJ는 이와 onPropsUpdated()유사한 고리를 가지고 있습니까? 최신 정보 @wostex가 제안했듯이 watch내 재산을 시험해 보았지만 아무것도 바뀌지 않았습니다. 그런 다음 특별한 경우가 있음을 깨달았습니다. <template> <child :my-prop="myProp"></child> </template> <script> export default { props: ['myProp'] } </script> 나는 통과하고 …
10
컴포넌트 외부에서 Vue.js 컴포넌트 메소드 호출
자식 구성 요소가있는 기본 Vue 인스턴스가 있다고 가정 해 봅시다. Vue 인스턴스 외부에서 이러한 구성 요소 중 하나에 속하는 메소드를 호출하는 방법이 있습니까? 예를 들면 다음과 같습니다. var vm = new Vue({ el: '#app', components: { 'my-component': { template: '#my-template', data: function() { return { count: 1, }; }, methods: …
229 javascript  vue.js 
5
Vue.js—v- 모델과 v- 바인드의 차이점
나는 온라인 과정으로 Vue를 배우고 있으며 강사는 기본값으로 입력 텍스트를 만드는 연습을주었습니다. v-model을 사용하여 완성했지만 강사는 v-bind : value를 선택했는데 그 이유를 이해할 수 없습니다. 누군가이 두 가지의 차이점과 각각을 더 잘 사용할 때의 간단한 설명을 해 줄 수 있습니까?
5
Vue.js에서 이스케이프 처리되지 않은 HTML 표시
콧수염 바인딩 내에서 HTML을 해석하도록하려면 어떻게해야합니까? 현재 중단 ( <br />)이 표시 / 탈출되었습니다. 작은 Vue 앱 : var logapp = new Vue({ el: '#logapp', data: { title: 'Logs', logs: [ { status: true, type: 'Import', desc: 'Learn<br />JavaScript', date: '11.11.2015', id: 1 }, { status: true, type: 'Import', desc: …
191 javascript  html  vue.js 
7
Vue v-on : 클릭이 구성 요소에서 작동하지 않습니다
구성 요소 내에서 on click 지시문을 사용하려고하는데 작동하지 않는 것 같습니다. 구성 요소를 클릭해도 콘솔에서 '테스트 클릭'이 표시되면 아무 일도 일어나지 않습니다. 콘솔에 오류가 표시되지 않아서 내가 뭘 잘못하고 있는지 모르겠습니다. index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vuetest</title> </head> <body> <div id="app"></div> <!-- built files will be auto injected …
24
Vue 2-Vue-warn 뮤팅 소품
나는 https://laracasts.com/series/learning-vue-step-by-step 시리즈를 시작했습니다 . 이 오류로 Vue, Laravel 및 AJAX 레슨을 중단했습니다 . vue.js : 2574 [Vue warn] : 부모 구성 요소가 다시 렌더링 될 때마다 값을 덮어 쓰므로 prop를 직접 변경하지 마십시오. 대신 소품의 값을 기준으로 데이터 또는 계산 된 속성을 사용하십시오. 소품이 변경 중 : "list"(component에 있음) …
1
Vue.js에서 생성 된 이벤트와 탑재 된 이벤트의 차이점
Vue.js 문서는 다음과 같이 created및 mounted이벤트를 설명합니다 . created 인스턴스가 생성 된 후 동 기적으로 호출됩니다. 이 단계에서 인스턴스는 옵션 처리를 완료했습니다. 즉, 데이터 관찰, 계산 된 속성, 메서드, 감시 / 이벤트 콜백이 설정되었습니다. 그러나 탑재 단계가 시작되지 않았으며 $ el 속성을 아직 사용할 수 없습니다. mounted el이 새로 작성된 …
181 javascript  vue.js 
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.