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 #
- App and component definitions.
- Computed data.
- Lifecycle callbacks.
- 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
partwith component files.
- Merged #12: fixed typos in documentation.
- Merged #16: check
window.Vueto 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
VueComponentannotation 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.jsscript tags to
vue.min.jswhen 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:
- Remove need for explicit initialize transformer usage.
- Upgrade initialize dependency for strong mode/DDC support.
Use this package as a library
1. Depend on it
Add this to your package's pubspec.yaml file:
dependencies: vue2: ^0.3.2
2. Install it
You can install packages from the command line:
$ pub get
Alternatively, your editor might support
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';
Describes how popular the package is relative to other packages. [more]
Code health derived from static analysis. [more]
Reflects how tidy and up-to-date the package is. [more]
Weighted score of the above. [more]
The package version is not analyzed, because it does not support Dart 2. Until this is resolved, the package will receive a health and maintenance score of 0.
Analysis issues and suggestions
Support Dart 2 in
The SDK constraint in
pubspec.yaml doesn't allow the Dart 2.0.0 release. For information about upgrading it to be Dart 2 compatible, please see https://dart.dev/dart-2#migration.
Maintenance issues and suggestions
dartdoc successfully runs on your package's source files. (-10 points)
Dependencies were not resolved.
|Dart SDK||>=1.8.0 <2.0.0|