我正在开发一个需要使用js插件的项目.既然我们正在使用vue并且我们有一个组件来处理基于插件的逻辑,我需要在vue组件中导入js插件文件以初始化插件.
以前,这是在标记内处理如下:
<script src="//api.myplugincom/widget/mykey.js
"></script>
Run Code Online (Sandbox Code Playgroud)
这是我试过的,但我得到一个编译时错误:
MyComponent.vue
import Vue from 'vue';
import * from '//api.myplugincom/widget/mykey.js';
export default {
data: {
Run Code Online (Sandbox Code Playgroud)
我的问题是,导入这个javascript文件的正确方法是什么,以便我可以在我的vue组件中使用它?...
我正在尝试将一个简单的日期选择器添加到自定义vue组件.我没有使用webpack,所以我想避免现成的.vue组件,而我更了解如何添加简单的javascript到vue.
我正在关注这个官方的vue教程
我也看过这个代码,但我无法设法让日期选择器出现.
这是我的jsfiddle:
HTML:
<div class="app">
<datepicker id='date-elem'></datepicker>
</div>
Run Code Online (Sandbox Code Playgroud)
app.js:
Vue.component('date-picker', {
extends: Flatpickr,
mounted () {
this.Flatpickr(date-elem, {})}
})
Run Code Online (Sandbox Code Playgroud)
如何在不需要.vue文件,webpack等的情况下轻松地将vanilla js集成到Vue组件中?