How to use objects with vue.js?

Question

I am new to vue.js and I have some questions, looking at their docs

https://v2.vuejs.org/v2/guide/#Getting-Started

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
});

They define a vue instance by a string selector. Is there a way I can replace #app with a string of the whole template.

Secondly, if I have two vue instances vue_container and vue_item, is there a way I can set up the vue instances such that I can nest them, something like:

vue_container.append('list', vue_item);

Thanks

What is the use case for your first question? Why would you want to use an element that does not exist? — elclanrs
– elclanrs, Commented Jun 19, 2017 at 0:45
Not sure I understand that use case tbh, like the comment above says, Vue is about components; you nest components, and the virtual dom takes care of the rest. #app is just your entry point. — elclanrs
– elclanrs, Commented Jun 19, 2017 at 0:50
See Local Registration. You can use the components property in Vue instances and components — Phil
– Phil, Commented Jun 19, 2017 at 1:17
You also appear to be misunderstanding the el property. This is the existing element in your plain-old HTML document that Vue binds the instance to, eg <div id="app"></div> — Phil
– Phil, Commented Jun 19, 2017 at 1:19

tony19 · Accepted Answer · 2022-07-15 00:57:43Z

1

They define a vue instance by a string selector. Is there a way I can replace #app with a string of the whole template.

You are looking for the template option: https://v2.vuejs.org/v2/api/#template

Secondly, if I have two vue instances vue_container and vue_item, is there a way I can set up the vue instances such that I can nest them [...]

No. Vue uses components for nesting, please see here:

https://v2.vuejs.org/v2/guide/components.html

edited Jul 15, 2022 at 0:57

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Jun 19, 2017 at 8:25

Linus Borg

24k7 gold badges65 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to use objects with vue.js?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related