cyworld

Vue 및 TypeScript에 필요한 소품 다음을 사용하여 구성 요소 클래스에 필수 소품을 추가했다.vue-property-decorator, 그러나 내가 소품 없이 구성품을 사용하려고 했을 때, 나는 필요한 소품이 없어졌다는 것을 나타내는 콘솔 오류를 보지 못했다. 왜일까? export default class Test extends Vue { @Prop() private message!: string; } 다음 코드는 예상대로 오류를 발생시키지 않는다. 다음 코드는 오류가 발생해야 하지만 발생하지 않아야 한다. 실내 장식가는 물체를 가져간다. 그 물체는 다음과 같다.required기본값이 다음과 같은 속성false만드는 것message필수, 지정required: true당신 안에@Prop선언: @P..

슬롯을 Vue 2에서 Vue 3으로 마이그레이션 구성 요소를 끌 수 있게 만들기 위해 대략 이 기사를 따라갔다. 그리고 나서 내 안에Calculator.vue구성 요소: + - × ÷ 7 8 9 4 5 6 1 2 3 0 . AC = 두 구성 요소 모두 사용slot다른 방식으로, 다른 방법으로draggable-maker태그로, 계산기로서 속성으로.단, 이것은 Vue 3의 사용으로 인해 호환이 되지 않는다.slots. 여기 내가 받는 오류: 이 문제를 어떻게 해결할 수 있을지 누가 제안해 주시겠습니까?그slot속성이 더 이상 사용되지 않고 다음으로 대체됨v-slot:slotname명명된 슬롯의 경우 다음과 같이 사용하십시오. + - × ÷ 7 8 9 4 5 6 1 2 3 0 . AC = 빼는 것을 잊지 마라..

계산된 속성 보기 다음 해시를 포함하는 구성 요소가 있음 { computed: { isUserID: { get: function(){ return this.userId? } } } 내가 보고 있어야 할까?isUserID또는userId변화를 위해서?계산된 속성을 볼 수 있는가?예, 계산된 속성에 watcher를 설정할 수 있으며, fiddle을 참조하십시오. 다음은 계산된 속성에 대한 감시 설정 코드: const demo = new Vue({ el: '#demo', data() { return { age: '' }; }, computed: { doubleAge() { return 2 * this.age; } }, watch: { doubleAge(newValue) { alert(`yes, computed ..

마지막 요소에만 애니메이션을 적용하는 Vue.js 나는 Vue 전환 그룹을 연습하고 Vue 문서 예제를 모방하고 있으며, 특히 이 특정 섹션에 있다. 문제는 내 예가 추가/제거되는 요소 대신 엔드 요소에만 애니메이션을 적용한다는 점이다. 내가 뭘 잘못했는지 누가 좀 설명해 줄래? :(고맙다. 자세한 설명을 위해 앱 링크 Shuffle Add Remove {{ num }} 키를 다음으로 변경하십시오.num대신에ind: {{ num }} 이는 지수를 애니메이션화하지 않는 숫자의 전환을 허용하기 때문이다.참조URL: https://stackoverflow.com/questions/63308808/vue-js-transition-group-only-applying-animation-on-last-element

리디렉션 후 vuejs 글로벌 이벤트를 사용하여 알림 방법 나는 세계적인 vuejs 이벤트를 만들었다.EvenBus라는 파일에.app.js아래와 같이 window.EventBus = new Vue(); 데이터베이스에서 사용자를 삭제한 후home페이지와 나는 '라는 이벤트를 내보낸다.deleted다음과 같다: import {app} from '../app'; export default { methods: { deleteMe: function () { axios.delete('/api/persons/' + this.person.id) .then(response => { window.location.href = '/home'; EventBus.$emit('deleted', { notification_msg: ..

Gulp을 사용하여 Vueify를 통해 노드 VueJS 모듈을 실행하는 방법 나는 Gulp, Browserify, Vueify를 사용하고 있다.나는 사용자 정의 구성요소를 잘 만들 수 있다.그들은 아주 잘한다.하지만 노드를 통해 설치된 Vue 구성 요소를 가져오거나 요청하면 문제가 발생함 예를 들어 다음과 같은 간단한 Vue Numeric 모듈을 설치하는 경우npm install vue-numeric --save그런 다음 vue 파일에 해당 모듈을 요구하여 구성 요소로 사용하려고 하면, 꿀벌 컴파일 작업을 실행할 때 다음과 같은 오류 메시지가 표시됨(gulp vue): G:\file...path\node_modules\vue-numeric\src\vue-numeric.vue:1 ^ ParseError: ..