vue2 0.3.2

  • Installing
  • Versions
  • 80


VueDart lets you create Vue web apps using Dart.

NOTICE: This will be the last VueDart release under the vue2 package name. From 0.4 onward, the vue package name will be used instead. The VueDart CLI will be able to help with the conversion.

Website and documentation


What works:

  • App and component definitions.
  • Templates.
  • Data.
  • Properties.
  • Computed data.
  • Methods.
  • Refs.
  • Lifecycle callbacks.
  • Mixins.
  • vue-router.
  • Scoped styles.

What doesn't work:

  • Render functions (or at least, they don't work well).
  • Some of the instance properties.
  • Server-side rendering.
  • Hardcoded support for the Vuex plugin.
  • Generic plugin support (this is going to take a while though).

Based on the official Vue logo. I basically just changed the color.


  • Fix #13: internal symbols were duplicated when using part with component files.
  • Merged #12: fixed typos in documentation.
  • Merged #16: check window.Vue to make sure it's been defined.


  • Upgrade scopify to 0.2.0.
  • BREAKING CHANGE Due to the above upgrade, scoped styles no longer "bleed" into child elements. This behavior can still be manually re-enabled via the bleeds option to the style element. (AFAIK no one actually really used this, so it's not really a big change.)


  • BREAKING CHANGE Require explicit declaration of entry points.
  • BREAKING CHANGE The VueComponent annotation now requires the name to be in a named argument (e.g. @VueComponent(name: 'foo'), instead of @VueComponent('foo')). This was necessary to support unnamed components.
  • Added the VueDart CLI.
  • Proper error messages.
  • Add VueMaterial 0.7 support.
  • Add vue-router support.
  • Avoid needlessly rewriting HTML source files by switching from html package's DOM manipulation to using Dart's refactoring libraries.
  • Change all vue.js script tags to vue.min.js when in release mode, not just unpkg ones.
  • Implement support for mixins (for components only for now).
  • Implement scoped styles.
  • Implement watchers.
  • Add support for more instance methods: $data, $props, $el, $options, $parent, $root, $on, $once, $off, $emit, $nextTick, $forceUpdate, and $destroy.
  • Add VueConfig and VueConfig.ignoredElements.


  • Remove need for explicit initialize transformer usage.
  • Upgrade initialize dependency for strong mode/DDC support.


  • Initial.

Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:

  vue2: "^0.3.2"

2. Install it

You can install packages from the command line:

with pub:

$ pub get

Alternatively, your editor might support pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:

      import 'package:vue2/plugins/vue_router.dart';

      import 'package:vue2/plugins/vuematerial.dart';

      import 'package:vue2/transformer.dart';

      import 'package:vue2/transformers/html_transformer.dart';

      import 'package:vue2/transformers/initialize_transformer.dart';

      import 'package:vue2/transformers/vue_transformer.dart';

      import 'package:vue2/vue.dart';
Version Uploaded Documentation Archive
0.3.2 Apr 27, 2018 Go to the documentation of vue2 0.3.2 Download vue2 0.3.2 archive
0.3.1 Dec 16, 2017 Go to the documentation of vue2 0.3.1 Download vue2 0.3.1 archive
0.3.0 Nov 20, 2017 Go to the documentation of vue2 0.3.0 Download vue2 0.3.0 archive
0.2.0 Sep 4, 2017 Go to the documentation of vue2 0.2.0 Download vue2 0.2.0 archive
0.1.0 Aug 29, 2017 Go to the documentation of vue2 0.1.0 Download vue2 0.1.0 archive


We analyzed this package on Jun 12, 2018, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.0.0-dev.60.0
  • pana: 0.11.3


Describes how popular the package is relative to other packages. [more]
62 / 100
Code health derived from static analysis. [more]
98 / 100
Reflects how tidy and up-to-date the package is. [more]
100 / 100
Overall score:
Weighted score of the above. [more]
Learn more about scoring.


Detected platforms: web

Platform components identified in package: build, html, js.


  • The description is too short.

    Add more detail about the package, what it does and what is its target use case. Try to write at least 60 characters.

  • Fix analysis and formatting issues.

    Analysis or formatting checks reported 15 hints.

    Run dartfmt to format lib/plugins/vue_router.dart.

    Run dartfmt to format lib/plugins/vuematerial.dart.

    Similar analysis of the following files failed:

    • lib/transformer.dart (hint)
    • lib/transformers/html_transformer.dart (hint)
    • lib/transformers/initialize_transformer.dart (hint)
    • lib/transformers/vue_transformer.dart (hint)
    • lib/vue.dart (hint)
  • Package is pre-v1 release.

    While there is nothing inherently wrong with versions of 0.*.*, it usually means that the author is still experimenting with the general direction API.

  • Maintain an example.

    None of the files in your example/ directory matches a known example patterns. Common file name patterns include: main.dart, example.dart or you could also use vue2.dart.


Package Constraint Resolved Available
Direct dependencies
Dart SDK >=1.8.0 <2.0.0
analyzer ^0.29.11 0.29.11 0.32.1
barback ^0.15.2+11 0.15.2+16
browser ^0.10.0+2 0.10.0+3
csslib ^0.14.1 0.14.4
dart_to_js_script_rewriter ^1.0.3 1.0.3
html ^0.13.2 0.13.3+1
initialize ^0.6.2+7 0.6.2+7
js ^0.6.1 0.6.1
scopify ^0.2.0 0.2.0
source_maps ^0.10.4 0.10.5
source_span ^1.4.0 1.4.0
uuid ^0.5.0 0.5.3 1.0.0
Transitive dependencies
args 0.13.7 1.4.3
async 2.0.7
charcode 1.1.1
cli_util 0.0.1+2 0.1.3
code_transformers 0.5.1+3 0.5.1+5
collection 1.14.10
convert 2.0.1
crypto 2.0.3
dart_style 0.2.16 1.0.14
glob 1.1.5
isolate 1.1.0 2.0.1
logging 0.11.3+1
meta 1.1.5
package_config 1.0.3
path 1.6.0
plugin 0.2.0+2
pool 1.3.5
stack_trace 1.9.2
string_scanner 1.0.2
typed_data 1.1.5
utf 0.9.0+4
watcher 0.9.7+8
when 0.2.0
which 0.1.3
yaml 2.1.14