Vue select 和其他 Vue 库使用 npm 导入到新的 Vue 而不使用 CDN答案

【问题标题】：Vue select and other Vue library import to new Vue with npm without using CDNVue select 和其他 Vue 库使用 npm 导入到新的 Vue 而不使用 CDN
【发布时间】：2020-04-25 04:52:01
【问题描述】：

我刚刚开始在我的烧瓶应用程序中使用 Vue（仅在某个模板中使用 Vue 组件，而不是在所有项目中），当我需要使用一些 Vue 扩展（例如 Vue-dropzone）并发现这个 Vue 库没有 CDN。所以我尝试开始使用 npm 来理解如何在不使用 CDN 的情况下导入一些模型，我被卡住了，因为我想实现一个简单的例子，但它不起作用。谁能帮我弄清楚如何在不使用 CDN 的情况下使用 npm install 导入 Vue 扩展。

下面是简单的 index.html，我尝试在不使用 CDN 的情况下使用 Vue-select（使用 CDN 效果很好）。

   <script src="https://unpkg.com/vue@latest"></script>

     <div id="app">
      <h1>Vue Select</h1>
         <v-select  :options="options" :reduce="item => item.supp_name" label="supp_name" v- 
       model="selected">

     </v-select>

     <pre>{{$data.selected}}</pre>
    </div>


  <script>


    import Vue from 'vue'
    import vSelect from 'vue-select'

    Vue.component('v-select', VueSelect.VueSelect)
     new Vue({
     el: '#app',
     data: {
    options: [

        {"id":20,"supp_name":"test1"},
        {"id":21,"supp_name":"test2"},
        {"id":34,"supp_name":"supertest"}
        ],

        selected:"",
        }

        })
      </script>

【问题讨论】：

您是否真的在使用捆绑器来捆绑/打包依赖项？
你有node项目吗？你用npm install了吗？我担心这个问题有太多未知数，甚至无法帮助您
是的，我使用 npm install 它安装 npm 模块并尝试导入模型，但它会导致错误
@Terry 我不知道什么是捆绑器
@T.Short 你能告诉我我需要提供什么才能有机会解决这个问题吗？

标签： javascript vue.js vuejs2

【解决方案1】：

从https://unpkg.com/vue@latest下载vue.js
在页面中，替换 src 中的值。变化

<script src="https://unpkg.com/vue@latest"></script>

到

<script src="./vue.js"></script>

【讨论】：