Programing

Vue 사용법.웹 팩을 사용하지 않고 끌 수 있는 CDN?

c10106 2022. 4. 21. 19:18
반응형

Vue 사용법.웹 팩을 사용하지 않고 끌 수 있는 CDN?

나는 Vue의 신참이다.클라이언트의 CodeIgniter 웹 사이트에 있는 페이지 중 하나(세일즈 뷰)가 Vue를 사용해야 하므로 다음을 통해 Vue를 포함시켰다.

<script src="https://cdn.jsdelivr.net/npm/vue"></script>

그리고 나는 부와 그것의 구성 요소들을 파일안에 선언했다.salesview.js이제, 나는 Vue를 사용해야 한다. 수 있는 구성 요소.나는 그것을 이렇게 페이지에 추가했다.

<script src="//cdn.jsdelivr.net/npm/sortablejs@1.8.4/Sortable.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/Vue.Draggable/2.20.0/vuedraggable.umd.min.js"></script>

웹 팩을 사용하지 않는데, 이 구성 요소는 어떻게 사용하는 겁니까?

창 개체에서 veuedraggable에 액세스하여 문제를 해결하고 다음과 같은 구성 요소 옵션에 추가했다.

var vm = new Vue({
    el: '#app',
  components: {
    'sv-lead-column': svLeadColumn,
    'sv-customer-column': svCustomerColumn,
    draggable: window['vuedraggable']
  },
  ...
})

참조URL: https://stackoverflow.com/questions/61586238/how-to-use-vue-draggable-cdn-without-webpack

반응형