vue 全局组件为什么不能跟vue实例分开到不同的文件中？
global.js文件:
var app;
app = new Vue({ el: "#app", data: { value: "hello world",
}
});login.js
Vue.component('login', { template: '<h1>login</h1>'})index.html
结果报错:[Vue warn]: Unknown custom element: <login> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
(found in <Root>)
哪位大侠能为小白指点下？
子衿沉夜浏览 506回答 1
1回答
-
手掌心
html中我做了一下修改，调整了js引入的顺序，因为需要在保证app根组件渲染的时候，其中用到的组件已经声明注册。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Daemon</title> <script src="./js/jquery-3.2.1.js" charset="UTF-8"></script> <script src="./js/semantic.min.js" charset="UTF-8"></script> <script src="./js/vue.js" charset="UTF-8"></script> <link rel="stylesheet" href="./css/semantic.min.css"></head><body> <div id="app"> <div class="ui container"> <div class="ui divider"></div> <div class="ui blue button"> {{value}} </div> <login></login> </div> </div> <script src="./js/login.js" charset="UTF-8"></script> <script src="./js/global.js" charset="UTF-8"></script></body></html>
随时随地看视频慕课网APP
相关分类
JavaScript