Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More

@cerebral/vue

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@cerebral/vue

Vue.js view for Cerebral


Version published
Weekly downloads
88
increased by44.26%
Maintainers
6
Weekly downloads
 
Created

@cerebral/vue

Vue.js view for Cerebral.

Install

npm install @cerebral/vue vue

Container

import Vue from 'vue/dist/vue'
import App from 'cerebral'
import { Container, connect } from '@cerebral/vue'
import main from './main'

const app = App(main)

new Vue({
  render: h =>
    h({
      components: {
        Container: Container(app),
        AppComponent: AppComponent
      },
      template: "<Container><AppComponent></AppComponent></Container>"
    })
}).$mount("#app");

connect

MyComponent.js

import { connect } from '@cerebral/vue'
import { state, sequence } from 'cerebral'

export default connect(
  {
    foo: state`foo`,
    click: sequence`clicked`
  },
  {
    template: '<div v-on:click="click()">{{foo}}</div>'
  }
)

main.js

import Vue from 'vue/dist/vue'
import App from 'cerebral'
import { Container, connect } from '@cerebral/vue'
import MyComponent from './MyComponent'
import main from './main'

const app = App(main)

var vue = new Vue({
  el: '#app',
  components: {
    container: Container(app),
    'my-component': MyComponent
  }
})

FAQs

Package last updated on 19 Mar 2020

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts