Javascript Vue select和其他Vue库使用npm导入到新的Vue,而不使用CDN
我刚开始在我的flask应用程序中使用Vue仅在某个模板中使用Vue组件,而不是在所有项目中,当我需要使用一些Vue扩展(例如Vue dropzone)时,我被卡住了,发现此Vue库没有CDN。因此,我尝试开始使用npm来理解如何在不使用CDN的情况下导入一些模型,我被卡住了,因为有一个简单的示例我想要实现,但它不起作用。有谁能帮我弄明白如何在不使用CDN的情况下使用npm安装导入Vue扩展 下面是simple index.html,我尝试在其中使用Vue select,而不使用CDN和CDN。这很好Javascript Vue select和其他Vue库使用npm导入到新的Vue,而不使用CDN,javascript,vue.js,vuejs2,Javascript,Vue.js,Vuejs2,我刚开始在我的flask应用程序中使用Vue仅在某个模板中使用Vue组件,而不是在所有项目中,当我需要使用一些Vue扩展(例如Vue dropzone)时,我被卡住了,发现此Vue库没有CDN。因此,我尝试开始使用npm来理解如何在不使用CDN的情况下导入一些模型,我被卡住了,因为有一个简单的示例我想要实现,但它不起作用。有谁能帮我弄明白如何在不使用CDN的情况下使用npm安装导入Vue扩展 下面是simple index.html,我尝试在其中使用Vue select,而不使用CDN和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>
您是否实际使用绑定器来绑定/打包依赖项?您是否有节点项目?您是否使用了npm安装?我担心这个问题有太多的未知数,甚至无法帮助您是的,我使用npm安装它安装npm模块,我尝试导入模型,但这会导致error@Terry不幸的是,我不知道什么是bundler@T.Short你能让我知道我需要提供什么才能有机会解决这个问题吗?