[Vuejs]-How to access data property of vue component

by

0👍

You communicate data values passing props from parent component to child components.

So for example you should define which props your component is allowed to receive:

import FiDis from '../components/fi_dis.vue'
Vue.component('fi_dis', FiDis);
document.addEventListener('turbolinks:load', () => {
  const fi_dis = new Vue({
    el: '#bs',
    components: { FiDis },
    props['bId'],
    created() { // This is a lifecycle method
        this.printPropertyValue();
    },
    methods: {
        // Your custom methods goes here separeted by commas
        printPropertyValue() {
            console.log(this.bId);
        }
    }
  })
});

And the sintax for passing the data from the component implementation is using v-bind:propertyName or :propertyName (short hand).

<div id="bs" policy="2">
    <fi_dis :bId="1"></fi_dis>
    <fi_dis :bId="2"></fi_dis>
</div>

Leave a comment