¢ªJavaScript´ØÏ¢¥Ä¡¼¥ë

°ìÈÌ

Tips

  • ag-grid¤Î¥µ¥ó¥×¥ë¤Ê¤É¤Ç¥¿¥°Â°À­ÃͤÎÀèÆ¬¤Ë¥³¥í¥ó(:)¤òÉÕ¤±¤Æ¤¤¤ë¾ì¹ç¤¬¤¢¤ë¤¬¡¢¤³¤ì¤Ïv-bind¤Î¾Êάµ­Ë¡¡£
  • Vue.js: v-for¤Ç¹àÌÜ¥¤¥ó¥Ç¥Ã¥¯¥¹¤òkey°À­¤Ë¤·¤Æ¤¤¤¤¤Î¤« 2019.9
    • Í×ÁǤÎÄɲääºï½ü¤¢¤ë¤¤¤Ï½ç½øÊѹ¹¤¬¤Ê¤¤¾ì¹ç¤Ë¤«¤®¤ì¤Ð¡¢key¤ò»È¤ï¤Ê¤¯¤Æ¤âÌäÂê¤Ï¤Ê¤¤¤è¤¦¤Ç¤¹¡£¤à¤·¤í¡Öɸ½à¤Î¥â¡¼¥É¤Ï¸úΨ¤¬¤¤¤¤¡×¤È¤µ¤ì¤Þ¤¹¡£¤¿¤À¡¢¤¢¤È¤ÇÊѤï¤ê¤ä¤¹¤¤Á°Äó¤È»×¤ï¤ì¤ë¤Î¤Ç¡¢key¤ò¡Öɬ¿Ü¡×¤Ë¤·¤Æ¤¤¤ë
  • Vue.js¤ÇSass¤ò»È¤¦ 2019.10
    // ¤³¤Î¤È¤­¡¢sass¤Î¥Ñ¥Ã¥±¡¼¥¸¤òÆþ¤ì¤ë¤È npm install »þ¤Ë ²¼µ­¤Î¤è¤¦¤Ê¥á¥Ã¥»¡¼¥¸¤¬½Ð¤ë¤¬¡¢¤³¤ì¤Ï̵»ë¤·¤Æ¤è¤¤¡£
    // ¤à¤·¤í̵»ë¤·¤Ê¤¤¤È webpack ¤Îº¹Ê¬¥³¥ó¥Ñ¥¤¥ë¤¬¼ºÇÔ¤¹¤ë¤è¤¦¤Ë¤Ê¤Ã¤Æ¤·¤Þ¤¦¤Î¤Ç̵»ë¤¹¤Ù¤­
    // ¤³¤ì¤Ï webpack ¦¤Î(?)¥Ð¥°¤Ç¤¢¤ë¤è¤¦¤Ç¤¹¡£
    // ¢­Ìµ»ë¤¹¤Ù¤­·Ù¹ð
    // npm WARN sass-loader@8.0.0 requires a peer of webpack@^4.36.0 but none is installed. You must install peer dependencies yourself.

CSS¥é¥¤¥Ö¥é¥ê¤È¤ÎÏ¢·È

  • Vue.js¡ÜElementUI¥×¥í¥¸¥§¥¯¥È 2019.8
  • https://element.eleme.io/
    • Element, a Vue 2.0 based component library for developers, designers and product managers
  • ¡ÚÃí°ÕÅÀ¡ÛElementUI¤Ë¥¹¥¿¥¤¥ë¤òÉÕ¤±¤¿¤¤¾ì¹ç¡¢scoped ¤Ç¤Ê¤¤ style ¤Î¥Ö¥í¥Ã¥¯¤òÊ̤˺î¤Ã¤ÆÀßÄꤷ¤Ê¤¤¤È¸ú¤«¤Ê¤¤¤â¤Î¤¬¤¢¤ë¡£Î㤨¤Ð .el-input__inner ¤Ê¤É¡£

Vagrant¤ò»È¤Ã¤¿³«È¯´Ä¶­

Vue-CLI

Vue-Router

  • input type="submit" ¤Ç¥Ú¡¼¥¸¤¬¥ê¥í¡¼¥É¤µ¤ì¤Æ¤·¤Þ¤¦ÌäÂê¤Ø¤ÎÂнè
    • ¤³¤ÎÌäÂê¤Ø¤ÎÂнèË¡¤ÏÆó¤Ä¤¢¤ë¡£
    • ÊýË¡­¡ÁȤ߹þ¤ß¥ª¥Ö¥¸¥§¥¯¥È$event¤ò»È¤¦
    • Î㤨¤Ð¤³¤Î¤è¤¦¤Ëinput¥¿¥°¤ò½ñ¤¤¤Æ¤ª¤­¡Ä
      <input name="logIn" type="submit" value="Login" v-on:click="authenticate($event)" />
    • ¥á¥½¥Ã¥É¦¤Ç¤³¤Î¤è¤¦¤Ë¤¹¤ë
      authenticate(event) {
        event.preventDefault();
        ...

Nuxt.js

Vue ¤Î¥Æ¥¹¥È


¥È¥Ã¥×   ÊÔ½¸ Åà·ë º¹Ê¬ ¥Ð¥Ã¥¯¥¢¥Ã¥× źÉÕ Ê£À½ ̾Á°Êѹ¹ ¥ê¥í¡¼¥É   ¿·µ¬ °ìÍ÷ ñ¸ì¸¡º÷ ºÇ½ª¹¹¿·   ¥Ø¥ë¥×   ºÇ½ª¹¹¿·¤ÎRSS
Last-modified: 2020-10-24 (ÅÚ) 23:25:58 (90d)