2019-05-24-codeSnipsForVue

For development purpose

<body>
    ....
    ....
    ....
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
</body>

For deployment/distribution purpose

<body>
    ...
    ...
    ...
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</body>
var app = new Vue({ // Create Veu
    el: '#app', // using element having 'app' as 'id'
    data: { // data for that element
        product: 'Socks',
        description: 'A pair of warm, fuzzy socks',
        image: './img/vmSocks-green.png',
        inventory: 10,
        onSale: true,
        details: ["80% cotton", "20% polyester", "Gender-neutral"]
    }
})
Previous2020-01-30-SinglyLinkList-Insert-atEndNext2020-07-12-Anroid-EventBus

Last updated

Was this helpful?