Styjun

What’s the interaction between darkvision and the Eagle Aspect of the beast, if you have Darkvision past 100 feet?

I want to write a blog post building upon someone else's paper, how can I properly cite/credit them?

Displaying an Estimated Execution Plan generates CXPACKET, PAGELATCH_SH, and LATCH_EX [ACCESS_METHODS_DATASET_PARENT] waits

Select list elements based on other list

Did Ham the Chimp follow commands, or did he just randomly push levers?

Explaining intravenous drug abuse to a small child

No game no life what were the two siblings referencing in EP 5

Why doesn't a particle exert force on itself?

Extracting the parent, leaf, and extension from a valid path

In a series of books, what happens after the coming of age?

How do I minimise waste on a flight?

Does this website provide consistent translation into Wookiee?

Is there a reason why Turkey took the Balkan territories of the Ottoman Empire, instead of Greece or another of the Balkan states?

If quadruped mammals evolve to become bipedal will their breast or nipple change position?

Why is the episode called "The Last of the Starks"?

Does restarting the SQL Services (on the machine) clear the server cache (for things like query plans and statistics)?

Texture vs. Material vs. Shader

A♭ major 9th chord in Bach is unexpectedly dissonant/jazzy

How can I test a shell script in a "safe environment" to avoid harm to my computer?

When does WordPress.org notify sites of new version?

What is more safe for browsing the web: PC or smartphone?

Convert Numbers To Emoji Math

And now you see it

How to get file name from inside a latex file?

Vue: Unknown custom element after adding component reference within component

VueJs getting an element within a componentVue Component Reference ErrorAppend dynamic vue component after specific elementHow to 'import' a Vue component into a Vue componentVue v-on:click does not work on componentVue custom filtering input componentUnknown custom element vue jsVue ignore custom component tagVue warning: Unknown custom elementVue.js component Unknown custom element

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

0

I'm new to Vue and testing vue-draggable component. Once I add reference to vue-draggable component, I get the error "Unknown custom element: < fxm-form> - did you register the component correctly? For recursive components, make sure to provide the "name" option."

What am I missing here? Similar threads earlier does not have component referenced within a component.

import draggable from "./vue-draggable";

Vue.component('fxm-form', 
 name: 'fxm-form',

 props: [
 "formMode"
 ],

 components: 
 draggable
 ,

 data() 
 return 
 list: ['AAA', 'BBB', 'CCC', 'DDD', 'EEE', 'FFF']
 
 ,


 mounted() 
 ,

 methods:
 
 ,

 template: `

 <div>
 <h1>Dragable Test</h1>

 <draggable :list="list" class="drag-container">
 <div v-for="item in list" class="drag-item"> item </div>
 </draggable>

 </div>
`
);

vue.js vue-component

share|improve this question

asked Mar 23 at 6:40

frostyfrosty

4642624

add a comment | 

0

I'm new to Vue and testing vue-draggable component. Once I add reference to vue-draggable component, I get the error "Unknown custom element: < fxm-form> - did you register the component correctly? For recursive components, make sure to provide the "name" option."

What am I missing here? Similar threads earlier does not have component referenced within a component.

import draggable from "./vue-draggable";

Vue.component('fxm-form', 
 name: 'fxm-form',

 props: [
 "formMode"
 ],

 components: 
 draggable
 ,

 data() 
 return 
 list: ['AAA', 'BBB', 'CCC', 'DDD', 'EEE', 'FFF']
 
 ,


 mounted() 
 ,

 methods:
 
 ,

 template: `

 <div>
 <h1>Dragable Test</h1>

 <draggable :list="list" class="drag-container">
 <div v-for="item in list" class="drag-item"> item </div>
 </draggable>

 </div>
`
);

vue.js vue-component

share|improve this question

asked Mar 23 at 6:40

frostyfrosty

4642624

add a comment | 

I'm new to Vue and testing vue-draggable component. Once I add reference to vue-draggable component, I get the error "Unknown custom element: < fxm-form> - did you register the component correctly? For recursive components, make sure to provide the "name" option."

What am I missing here? Similar threads earlier does not have component referenced within a component.

import draggable from "./vue-draggable";

Vue.component('fxm-form', 
 name: 'fxm-form',

 props: [
 "formMode"
 ],

 components: 
 draggable
 ,

 data() 
 return 
 list: ['AAA', 'BBB', 'CCC', 'DDD', 'EEE', 'FFF']
 
 ,


 mounted() 
 ,

 methods:
 
 ,

 template: `

 <div>
 <h1>Dragable Test</h1>

 <draggable :list="list" class="drag-container">
 <div v-for="item in list" class="drag-item"> item </div>
 </draggable>

 </div>
`
);

vue.js vue-component

share|improve this question

asked Mar 23 at 6:40

frostyfrosty

4642624

import draggable from "./vue-draggable";

Vue.component('fxm-form', 
 name: 'fxm-form',

 props: [
 "formMode"
 ],

 components: 
 draggable
 ,

 data() 
 return 
 list: ['AAA', 'BBB', 'CCC', 'DDD', 'EEE', 'FFF']
 
 ,


 mounted() 
 ,

 methods:
 
 ,

 template: `

 <div>
 <h1>Dragable Test</h1>

 <draggable :list="list" class="drag-container">
 <div v-for="item in list" class="drag-item"> item </div>
 </draggable>

 </div>
`
);

share|improve this question

asked Mar 23 at 6:40

frostyfrosty

4642624

share|improve this question

asked Mar 23 at 6:40

frostyfrosty

4642624

asked Mar 23 at 6:40

frostyfrosty

4642624

asked Mar 23 at 6:40

frostyfrosty

4642624

1 Answer
1

active

oldest

votes

1

When you create a component with Vue.component(), it registers components globally.

As per official docs:

global registration must take place before the root Vue instance is created (with new Vue)

This is because either you've not initialized your component before Vue Instance.

You can register your component inside you Vue Instance.

Here is the working codesandbox example

share|improve this answer

edited Mar 23 at 7:19

answered Mar 23 at 7:01

varit05varit05

2,3501918

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55311291%2fvue-unknown-custom-element-after-adding-component-reference-within-component%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

1

When you create a component with Vue.component(), it registers components globally.

As per official docs:

global registration must take place before the root Vue instance is created (with new Vue)

This is because either you've not initialized your component before Vue Instance.

You can register your component inside you Vue Instance.

Here is the working codesandbox example

share|improve this answer

edited Mar 23 at 7:19

answered Mar 23 at 7:01

varit05varit05

2,3501918

add a comment | 

1

When you create a component with Vue.component(), it registers components globally.

As per official docs:

global registration must take place before the root Vue instance is created (with new Vue)

This is because either you've not initialized your component before Vue Instance.

You can register your component inside you Vue Instance.

Here is the working codesandbox example

share|improve this answer

edited Mar 23 at 7:19

answered Mar 23 at 7:01

varit05varit05

2,3501918

add a comment | 

When you create a component with Vue.component(), it registers components globally.

As per official docs:

global registration must take place before the root Vue instance is created (with new Vue)

This is because either you've not initialized your component before Vue Instance.

You can register your component inside you Vue Instance.

Here is the working codesandbox example

share|improve this answer

edited Mar 23 at 7:19

answered Mar 23 at 7:01

varit05varit05

2,3501918

share|improve this answer

edited Mar 23 at 7:19

answered Mar 23 at 7:01

varit05varit05

2,3501918

answered Mar 23 at 7:01

varit05varit05

2,3501918

answered Mar 23 at 7:01

varit05varit05

2,3501918