サンプル格納

GitBucket 4.23.0

sample-vue.js / sample-vue-component02

Browse code サンプル格納 master
0 parent commit a10b05fd53ed0c903b59416d5550a1e4d4c39ad9 Yoshimune Saito authored on 26 Jan 2020

Patch

Showing 10 changed files

Ignore Space Show notes View

README.md 0 → 100644

Ignore Space Show notes View

package.json 0 → 100644

Ignore Space Show notes View public/favicon.ico 0 → 100644

Ignore Space Show notes View public/index.html 0 → 100644
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>sample</title> </head> <body> <noscript> <strong>We're sorry but sample doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> </noscript> <div id="app"></div> </body> </html>

Ignore Space Show notes View src/.DS_Store 0 → 100644
Not supported

Ignore Space Show notes View

src/App.vue 0 → 100644

Ignore Space Show notes View src/assets/logo.png 0 → 100644

Ignore Space Show notes View src/components/MyRow.vue 0 → 100644
<template> <tr> <td>{{ item.no }}</td> <td>{{ item.name }}</td> <td>{{ item.desc }}</td> </tr> </template> <script> export default { props: ["item"] }; </script> <style> </style>

Ignore Space Show notes View src/components/MyTable.vue 0 → 100644
<template> <table> <thead> <tr> <th>No</th> <th>name</th> <th>desc</th> </tr> </thead> <tbody> <component :is="row" v-for="(i, idx) in items" :key="idx" :item="i" /> </tbody> </table> </template> <script> export default { props: ["items", "row"] }; </script>

Ignore Space Show notes View src/main.js 0 → 100644
import Vue from 'vue' import App from './App.vue' Vue.config.productionTip = false new Vue({ render: h => h(App), }).$mount('#app')

Show line notes below