Développement web avancé

Séance 3

NPM

Gestionnaire de package JavaScript

 

  • Packages : 589 339
  • Downloads - Last day : 561 114 892
  • Downloads - Last week : 3 443 685 310
  • Downloads - Last month : 14 502 331 276

Fichier package.json

{
  "name": "demo-lp-dawin",
  "description": "Demo project for LP DAWIN",
  "version": "1.0.0",
  "author": "Simon Clériot <cleriotsimon@gmail.com>",
  "dependencies": {
      "vue": "2.5.20"
  }
}
$ npm install --save vue

Import module

import Vue from 'Vue';
import {a} from 'Vue';
import {a as b} from 'Vue';
import {default as def, a} from 'Vue';
export default VueObject;
export const a = 8;

from 'Vue' : dossier dans node_modules

from './Vue' : relatif au niveau du code

Single File Components

Objectif

|_ app.js
|_ package.json
|_ node_modules/ ...
|_ components/
    |_ component_1.vue
    |_ component_2.vue

component_1.vue

<template>
    <div>
        ...
    </div>
</template>
<script>
export default {
    data: function() {
        return {
            //data
        }
    } 
}
</script>
<style scoped>
    /* Style spécifique à ce composant */
</style>
<script>
Vue.component('component_1', {
    template: '<div>...</div>',
    date: { ... }
})
</script>

TD 3

https://scleriot.github.io/web-dawin/

Développement web avancé - Séance 3

By Simon Cleriot

Made with Slides.com

Développement web avancé - Séance 3

  • 385

More from Simon Cleriot