Vue.js VueMdl组件未正确注册
我正在使用Vue 2.0+VueRouter,并试图将VueMdl()组件集成到我的项目中Vue.js VueMdl组件未正确注册,vue.js,vuejs2,vue-component,Vue.js,Vuejs2,Vue Component,我正在使用Vue 2.0+VueRouter,并试图将VueMdl()组件集成到我的项目中 站点是使用嵌入式Apache Tomcat作为Spring Bug服务的静态资源,因此考虑前端不是在NoDEJS环境中运行。 问题是我不明白为什么VueMdl组件没有正确注册。require()函数不起作用,因为它特定于NodeJs,如果我键入VueMdl或console.log(VueMdl),则在浏览器开发人员控制台中。。。我可以看到对象也被定义了 提前谢谢大家, app.js const route
站点是使用嵌入式Apache Tomcat作为Spring Bug服务的静态资源,因此考虑前端不是在NoDEJS环境中运行。
问题是我不明白为什么VueMdl组件没有正确注册。require()函数不起作用,因为它特定于NodeJs,如果我键入VueMdl或console.log(VueMdl),则在浏览器开发人员控制台中。。。我可以看到对象也被定义了 提前谢谢大家, app.jsconst router = new VueRouter({
routes: routes
})
// load main Vue.js app
var app = new Vue({
el: '#app',
router: router,
components: VueMdl.components,
directives: VueMdl.directives
})
index.html
<html>
<head>
[....]
</head>
<body>
[....]
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-router/dist/vue-router.min.js"></script>
<script src="//rawgit.com/posva/vue-mdl/master/dist/vue-mdl.min.js"></script>
<script src="app.js"></script>
</body>
</html>
[....]
[....]
错误文本
[Vue warn]: Unknown custom element: <mdl-textfield> - did you register the
component correctly? For recursive components, make sure to provide the "name" option.
(found in <Anonymous> - use the "name" option for better debugging messages.)
[Vue warn]:未知自定义元素:-您是否注册了
组件是否正确?对于递归组件,请确保提供“name”选项。
(位于-使用“名称”选项可以更好地调试消息。)
我认为您需要导入它:
var VueMdl = require('vue-mdl');
我没有使用nodejs、webpack或其他新东西。。。在此之前,我将尝试添加到
Vue.use(VueMdl)
,看看它是否有效。今天我会通知您。。。后来,我不得不添加require.js并重写了大量代码