How to use the dotnetify/vue.vue function in dotnetify

To help you get started, we’ve selected a few dotnetify examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github dsuryd / dotNetify / Demo / Vue / SPA / client / index.js View on Github external
import dotnetify from 'dotnetify/vue';
import App from './App.vue';
import SimpleList from './SimpleList.vue';
import LiveChart from './LiveChart.vue';

dotnetify.debug = true;

// Set the components to global window to make it accessible to dotNetify routing.
Object.assign(window, { SimpleList, LiveChart });

dotnetify.vue.router.$mount('#App', App);
github dsuryd / dotNetify / DevApp / client / app / views / examples / vue / HelloWorld.vue View on Github external
created() {
    this.vm = dotnetify.vue.connect("HelloWorldVM", this, { watch: ['FirstName', 'LastName'] });
  },
  destroyed() {
github dsuryd / dotNetify / Demo / Vue / HelloWorld.WebPack / src / HelloWorld.vue View on Github external
created: function () {
    this.vm = dotnetify.vue.connect("HelloWorld", this);
  },
  destroyed: function () {
github dsuryd / dotNetify / DevApp / client / app / views / examples / vue / SimpleList.vue View on Github external
created() {
    this.vm = dotnetify.vue.connect("SimpleListVM", this);
  },
  destroyed() {
github dsuryd / dotNetify / DevApp / client / app / views / examples / vue / SecurePage.AdminView.vue View on Github external
created() {
    let authHeader = { Authorization: 'Bearer ' + this.accessToken };
    this.vm = dotnetify.vue.connect("AdminSecurePageVM", this, {
      headers: authHeader,
      exceptionHandler: ex => { }
    });
  },
  destroyed() {
github dsuryd / dotNetify / DevApp / client / app / views / examples / vue / BookStore.vue View on Github external
created: function () {
    this.vm = dotnetify.vue.connect("BookStoreVM", this);
    this.vm.onRouteEnter = (path, template) => (template.Target = 'BookPanel');
  },
  destroyed: function () {
github dsuryd / dotNetify / DevApp / client / app / views / examples / vue / Book.vue View on Github external
created() {
    this.vm = dotnetify.vue.connect("BookDetailsVM", this);
  },
  mounted() {
github dsuryd / dotNetify / DevApp / client / app / views / examples / vue / CompositeView.vue View on Github external
<script>
import dotnetify from 'dotnetify/vue';
import MovieTable from './CompositeView.MovieTable.vue';
import MovieDetails from './CompositeView.MovieDetails.vue';
import MovieFilter from './CompositeView.MovieFilter.vue';

export default {
  name: 'CompositeView',
  components: {
    'Scope': dotnetify.vue.Scope,
    'MovieTable': MovieTable,
    'MovieDetails': MovieDetails,
    'MovieFilter': MovieFilter
  }
}
</script>
github dsuryd / dotNetify / DevApp / client / app / views / examples / vue / LiveChart.vue View on Github external
created() {
    this.vm = dotnetify.vue.connect("LiveChartVM", this);
  },
  destroyed() {
github dsuryd / dotNetify / DevApp / client / app / views / examples / vue / SecurePage.SecureView.vue View on Github external
created() {
    let authHeader = { Authorization: 'Bearer ' + this.accessToken };
    this.vm = dotnetify.vue.connect("SecurePageVM", this, {
      headers: authHeader,
      exceptionHandler: ex => this.onException(ex)
    });
  },
  destroyed() {