Important Notes for Vue 0.11+
This repo is using Vue 0.10.x with Component (the build tool) and is no longer maintained. As of September 2014, the Component project seems largely abandoned, as its main sponsor Segment.io is now using Duo instead. Since Duo is more actively maintained and Component-compatible, Component users should consider transition to Duo instead.
On the other hand, starting in Vue 0.11+, the recommended way to use Vue with a package manager & build tool is through the combination of NPM + either Browserify or Webpack.
Vue + Component Example
A simple setup using Gulp, Component together with Vue.js for modular UI development.
Since Vue.js is itself built with Component, this is the recommended way of using Vue.js for larger scale applications. To make things more test friendly, the directives, filters and components simply export functions and definition objects without requiring Vue.js itself.
What's more important is that the components in src/components are completely self-contained. They include their own CSS and templates, and can also include their private directives, filters and child components. If you put a component like this on GitHub you can easily reuse them in another Vue.js project with component install.
Usage
To get started, install Gulp and Component globally, then clone this repo and install local dependencies:
$ npm install -g gulp component
$ git clone https://github.com/vuejs/vue-component-example.git
$ cd vue-component-example
$ npm install && component installBuild
$ gulpOpen index.html to see the result.
Development
$ gulp watchThis will watch files for change and re-build automatically.