Vuejs의 GUI 발생기를 개량하면

입문


우리는 생성 중인 GUI 생성기를 개선했습니다.
  • 지난번
  • GitHub
  • 프레젠테이션
  • 개량하다


    비vuetify 구성 요소 프레임워크 사용하기


    임의의 css와javascript를 읽을 수 있기 때문에 좋아하는 프레임워크를 사용할 수 있습니다.

    프로젝트 데이터 저장 및 가져오기 허용


    json 파일로 제작 중인 항목을 다운로드하고 파일을 읽으면 저장된 상태를 재현할 수 있습니다.

    인라인 스크립트 삽입 허용

    Vue.use(plugin)
    
    쓸 수 있는 것을 목적으로 하다

    기술적인 말


    iframe 다시 로드


    스크립트를 다시 읽을 때 iframe를 다시 불러와야 하는데 다음과 같은 느낌으로 썼어요.
    private reload() {
      const ele = obtainIframe();
      ele.onload = () => {
        // 必要な処理
      };
      ele.contentWindow.location.reload();
    }
    
    내연 스크립트가 업데이트될 때도 다시 불러오지만 활동 간격을 두고 싶습니다._.debounce 쓰려고 했는데 https://github.com/duxiaofeng-github/typescript-debounce-decorator 너무 좋아요.
    이렇게 사용할 수 있습니다.
    @debounce(500, { leading: false })
    private reload() {
    }
    

    유사한 도구


    이번 업데이트에서 발견했습니다.

  • PreVue
  • 사용법을 완전히 이해하지는 못하지만 목적이 다르다는 인상을 준다
  • 끝날 때


    앞으로 하고 싶은 일.
  • 추가 기능
  • 다중 페이지 지원(vue-router에서)
  • attribute의 유형 지정
  • 기능 외 대응
  • 재구성
  • CICD 가져오기
  • 좋은 웹페이지 즐겨찾기