在旧项目中使用vue导入
我尝试用一些vue来升级我的一些“旧项目”界面元素。
我以前的项目是一个没有框架的php/html项目。我使用vue-cli对图表或网格的不同组件进行了一些测试。
现在我想将这个组件集成到我的旧项目中，但是组件的“导入”不起作用。
例如，在一个页面中，我需要一个ag-grid，这样我就可以得到ag grid vue。但是基本的网格不能工作，因为他不能得到“ag- import { AgGridVue } from 'ag-grid-vue'; -vue”。这不是一个vue应用程序，它是来自html的vue。
如果我使用组件，也就是说“请求的模块‘./ import { AgGridVue } from '/component/ag-grid-vue/main.js'; /ag-grid-vue/main.js’没有提供名为‘AgGridVue’的导出”
如果我使用默认组件，也就是说“请求的模块‘./ import AgGridVue from '/component/ag-grid-vue/main.js'; /ag-grid-vue/main.js’没有提供名为‘default’的导出”
我不需要在我的不同页面中使用相同的组件。所以问题是:我如何导入我的vue组件？
回答 1
Stack Overflow用户
发布于 2021-01-15 18:08:33
如果你没有在你的旧项目中使用vue，那么你就不能使用它。或者，您可以使用Vue cdn，也可以使用ag Grid cdn。
https://www.jsdelivr.com/package/npm/@ag-grid-community/vue
html文件
<body>
<div id="app">
<!-- I think you can put the component here -->
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@ag-grid-community/vue@25.0.0/main.min.js"></script>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
</script>你可以从这里探索更多。
https://stackoverflow.com/questions/65733742
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号