Skip to content

A simple setup using Gulp, Component together with Vue.js for modular UI development.

Notifications You must be signed in to change notification settings

thelinuxlich/vue-component-example

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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 install

Build

$ gulp

Open index.html to see the result.

Development

$ gulp watch

This will watch files for change and re-build automatically.

About

A simple setup using Gulp, Component together with Vue.js for modular UI development.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published