Is there an example or docs on how to use vue files for compnents

[pajtai]

Trying some variations on the following but getting various errors:

// main.js
var Vue = require('vue');
var Counter = require('./myCounter/myCounter.vue'); // a component
var Stage = require('./stage/stage.vue'); // top level view


Vue.component('my-counter', Counter);

var app = new Vue({
    el: '#stage',
    render: function (createElement) {
        return createElement(Stage)
    }
});

Think I'm just doing something fundamentally wrong, but all the jsfiddle examples - http://vuejs.org/examples/ - use template tags instead of vue files, so I'm having trouble debugging.

Thanks for any help / pointers.

[pajtai]

looking at the examples, I see that the require the component in directly from the parent vue file. I'll give that a go

[pajtai]

For anyone else looking for the same thing the example here is helpful.

// main.js
// main.js
var Vue = require('vue');
var App = require('./app.vue');
var app = new Vue({
    el: '#app',
    render: function (createElement) {
        return createElement(App)
    }
});

then in the script tag of app.vue

import myCounter from '../my-counter/my-counter.vue';

export default {
    components : {
        myCounter
    }
};

[tnt]

@pajtai Your example – which I understand is just the basic way to use file based components in file based components – belongs definitely in the examples in the guide! Would have been lost without this issue (I mean #142).