Vue.js Single File Components++

38bee248082f6071230de65e9d74a944?s=47 kazupon
April 28, 2017

Vue.js Single File Components++

meguro.es x gotanda.js #1

38bee248082f6071230de65e9d74a944?s=128

kazupon

April 28, 2017
Tweet

Transcript

  1. 5.

    • All in one file Single File Components .vue <HTML>

    {CSS} ({JS}) Scoped CSS CSS Modules ES2015 in template
  2. 10.

    Released new feature !! • In vue-loader v10.2, it was

    published https://github.com/vuejs/vue-loader/commit/7d3e005d56781e8e5e4ae8f90212f782e4b3a509
  3. 11.

    And from v11.3 later • It become available used in

    components! https://github.com/vuejs/vue-loader/commit/11cec30eb3925a144e1d484357b13c501d5fb3f9
  4. 14.

    What’s Custom Blocks ? • Block of Single File Components

    that defined with User. <blog> - - - title - - - bla bla bla … bla bla bla … </blog>
  5. 15.

    Custom Blocks Use cases • Documentation • Localization • Unit

    Testing • Example playground • … etc
  6. 18.
  7. 24.
  8. 31.

    Conclusion • You can extend the single file components with

    custom blocks • Depending on your idea, you can make your single file components even more useful !
  9. 33.

    Vue.js community for Japanese • You can join via Vue.js

    official site
 http://jp.vuejs.org
 

  10. 35.