programing 1444

인트로 추가JS 라이브러리에서 Vue-Cli/Webpack 프로젝트로의

인트로 추가JS 라이브러리에서 Vue-Cli/Webpack 프로젝트로의 vue-cli와 웹 팩을 사용하여 첫 번째 프로젝트를 구축하고 있는데 외부 JavaScript 라이브러리를 프로젝트에 올바르게 사용하는 방법을 잘 모르겠습니다. Intro.js 라이브러리를 추가하고 싶습니다.이 라이브러리는 intro.js를 Import하고 HTML 요소에 태그를 추가하여 introJs().start() 함수를 호출하기만 하면 됩니다. 라이브러리를 설치했습니다.npm install introj.js --save 다음을 추가하여 라이브러리를 가져왔습니다.import introJS from 'intro.js'내 안에내 부분App.vue파일. 컴파일한 것을 확인했습니다.app.jsintroJS가 컴파일 되고 있는 것을 알고..

programing 2022.08.14

부모가 Vuejs에서 자식 방출 이벤트를 수신합니다.

부모가 Vuejs에서 자식 방출 이벤트를 수신합니다. 부모 컴포넌트가 자녀 컴포넌트 송신 커스텀이벤트를 듣는 방법이 있나요? // -- child comp const addnewbtn = { template : 'Add New TaskAdd', data(){ return { taskname : '', form : false } }, methods : { showform(){ if( this.form ){ this.form = false; }else{ this.form = true; } }, addnewtask(){ this.$emit('add-task',this.taskname); } }, } // -- parent comp Vue.component('todolist',{ components : { ad..

programing 2022.08.14

치명적인 오류 컴파일: 비활성 타깃릴리즈: 1.8 -> [도움말 1 ]

치명적인 오류 컴파일: 비활성 타깃릴리즈: 1.8 -> [도움말 1 ] 유효하지 않은 타겟릴리즈에 게재된 것과 같은 문제: 1.7. 그러나 블로그를 팔로우한 후에도 문제는 해결되지 않았습니다. goal org.apache.maven을 실행하지 못했습니다.플러그인: maven-compiler-plugin: 3.1: 프로젝트hm_app의 컴파일(기본 컴파일): 치명적인 오류 컴파일: 비활성 타깃릴리즈: 1.8 -> [도움말 1] 저는 이 문제에 직면했을 때 튜토리얼로 팔로우하고 있었습니다. abt java & mvn C:\mvn>echo %JAVA_HOME% C:\mvn>echo %JRE_HOME% C:\mvn>echo %MAVEN_HOME% yields 출력 C:\Program Files\Java\jdk1..

programing 2022.08.14

Node.js 서버에 Vue.js 애플리케이션을 배포하는 방법

Node.js 서버에 Vue.js 애플리케이션을 배포하는 방법 CSS, 폰트, JS 폴더 및 Dist 폴더가 있습니다.index.htmlVue.js에 대해 파일을 최소화하여 배포 및 사용할 수 있습니다.이 응용 프로그램을 실행하기 위해 Node.js를 사용합니다.어떻게 하면 특정 포트에 전개하도록 설정할 수 있습니까?이 Vue 앱을 실행하기 위해 특정 방식으로 빌드해야 하는지 또는 구성 방법을 알 수 없습니다.어떤 도움이라도 주시면 감사하겠습니다.Vue는 프런트 엔드 라이브러리일 뿐이므로 Vue를 호스트하고 자산을 서비스하는 가장 쉬운 방법은 미니 웹 서버를 시작하는 데 사용할 수 있는 간단한 Express 친화적인 스크립트를 작성하는 것입니다.Express에서 아직 읽지 않은 경우 빠르게 읽어 보십시오..

programing 2022.08.14

vue + vuex를 사용한 개발 중에 모의 데이터 사용

vue + vuex를 사용한 개발 중에 모의 데이터 사용 Vue 앱도 Vuex를 사용하는 앱은 Vue입니다. 모든 것이 예상대로 정상적으로 동작하고 있습니다만, 실제로 API 엔드포인트를 호출하지 않고 작업할 수 있도록(주로 환율 제한을 피하기 위해) 개선하고 싶습니다. 나는 모의 폴더를 만들고 그 안에 파일을 넣었습니다.어떻게 하면 개발 중에 모크 및 실제 운영 환경에서 실제 api 엔드포인트를 사용할 수 있으며 코드도 엉망으로 만들 수 있을까요? 나는 가능한 한 적은 수의 레포(repo)를 만들었다.스토어에서 읽기를 담당하는 단일 스마트 컴포넌트인 vue + vuex를 포함하며, 덤 컴포넌트는 이를 표시합니다. 한마디로, 저는 이것을 바꿀 방법을 찾고 있습니다. const actions = { asy..

programing 2022.08.14

Vuex 데이터를 vue-meta에 바인딩하는 중

Vuex 데이터를 vue-meta에 바인딩하는 중 블로그를 만들고 있는데 Vuex와 Vue-meta를 연결하는데 어려움을 겪고 있어요.코드는 다음과 같습니다. 기사 템플릿에서는v-for="article in selectedArticle"Vuex의 올바른 기사를 표시하기 위한 계산된 속성 selectedArticle() { return this.$store.state.articles.filter(article => article.id == this.$route.params.id); }, Vue-meta를 다음과 같이 사용하려고 합니다. metaInfo: { title: ???, meta: [ { charset: 'utf-8' }, { vmid: 'description', name: 'description'..

programing 2022.08.14

Vue의 클래스 구성 요소에 사용할 액세스 한정자를 선택하십시오.

Vue의 클래스 구성 요소에 사용할 액세스 한정자를 선택하십시오. Vue 클래스의 속성 및 메서드에 대해 어떤 수식어를 사용해야 합니까?(사용하고 있습니다.vue-class-component패키지) public,private,protected? 또는 액세스 수식자를 설정할 필요가 있는 린터 규칙을 꺼야 합니까? 다음은 구성 요소의 예입니다. @Component({ components: { MyChildComponent } }) export default class MyComponent extends Vue { // props @Prop({ type: String, default: '' }) public readonly value!: string @Prop({ type: Array, default: () ..

programing 2022.08.14

C에 레퍼런스가 있나요?

C에 레퍼런스가 있나요? C에 참조가 있습니까?즉, C++와 같이: void foo(int &i) 아뇨, 그렇지 않아요.포인트는 있지만, 완전히 같은 것은 아닙니다. 특히 C의 모든 인수는 C++와 같이 pass-by-reference를 사용할 수 있는 것이 아니라 값에 의해 전달됩니다.물론 포인터를 통해 참조별로 시뮬레이션을 할 수 있습니다. void foo(int *x) { *x = 10; } ... int y = 0; foo(&y); // Pass the pointer by value // The value of y is now 10 포인터와 참조의 차이에 대한 자세한 내용은 다음 SO 질문을 참조하십시오(그리고 저는 C나 C++ 프로그래머가 아니기 때문에 묻지 마십시오).포인터가 다른 오브젝트를 ..

programing 2022.08.14

템플릿에 있는 경우 "함수가 아니므로" 스토어의 Vue에 대한 getter에 액세스할 수 없습니다.

템플릿에 있는 경우 "함수가 아니므로" 스토어의 Vue에 대한 getter에 액세스할 수 없습니다. vue와 vuex는 처음이고 Nuxt도 사용하고 있습니다.API(vuex)에서 가져온 데이터를 검색하는 기능을 템플릿에 사용하고 싶습니다.내가 왜 항상 이런 짓을 하는지 이해할 수 없다. state.allHandhelds.values.findIndex is not a function 템플릿은 다음과 같습니다. {{ handheldID("Form Factor") }} 제 계산에서는 함수를 다음과 같이 부릅니다. computed: { ...mapGetters(["allHandhelds"]), handheldID(merkmal) { return this.$store.getters.indexFinder(merkm..

programing 2022.08.14

Vue의 온드래거에 상당합니다.드래그 가능(Sortable.js)

Vue의 온드래거에 상당합니다.드래그 가능(Sortable.js) 어떤 것이 요소 위로 끌려가고 있는지 탐지할 수 있는 방법이 있습니까?아니면 호버 이벤트를 발생시킬까요?onMove를 통해 끌어다 놓은 요소에 클래스를 추가하는 방법을 찾았지만, 나에게는 효과가 없는 것 같습니다.솔루션 https://jsbin.com/xuwocis/edit?html,js,output으로 JSBin을 만들었습니다. var sorting = false; new Sortable(el, { onStart: function() { sorting = true; }, onEnd: function() { sorting = false; // remove styling targetElement.style.backgroundColor = '..

programing 2022.08.14