๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

Web/Vue

 (9)
[Vue.js] Grid https://www.npmjs.com/package/vue-excel-editor vue-excel-editor Vue2 plugin for displaying and editing the array-of-object in Excel style. Latest version: 1.5.5, last published: 6 months ago. Start using vue-excel-editor in your project by running `npm i vue-excel-editor`. There is 1 other project in the npm registry u www.npmjs.com https://www.ag-grid.com/vue-data-grid/getting-started/ Vue Data..
[Vue.js] vue-router.js cdn ์˜ค๋ฅ˜ cdn ์ฃผ์†Œ๋ฅผ ์“ฐ๊ณ  ์žˆ์—ˆ๋Š”๋ฐ ๊ฐ‘์ž๊ธฐ ์•ˆ๋ฌ์Œ https://v3.router.vuejs.org/installation.html Installation | Vue Router Installation Direct Download / CDN https://unpkg.com/vue-router/dist/vue-router.js (opens new window) Unpkg.com (opens new window) provides npm-based CDN links. The above link will always point to the latest release on npm. You can also use a specific vers v3.router.vuejs.org ํ™ˆํŽ˜์ด์ง€์—๋„ ์ž˜๋ชป ๊ธฐ์žฌ ๋˜์žˆ๋Š”๊ฑฐ ๊ฐ™์Œ (v3...
[Vue] router multiple paths, redirect to default path var router = new VueRouter({ //mode: 'history', routes : [ { path: '/', redirect: '/profile' }, { path: '/order', component: Order }, { path: '/profile', component: Profile, children: [ { path: '', component: ProfileTab1 }, { path: 'tab1', component: ProfileTab1 }, { path: 'tab2', component: ProfileTab2 }, ] }, { path: '*', component: NotFoundComponent } ] }); alias ์‚ฌ์šฉ routes: [ { path: '/foo', ..
[Vue.js] CLI ์„ค์น˜ํ•˜๊ธฐ # ๋กœ์ปฌ ์„ค์น˜ npm install @vue/cli # ์ „์—ญ ์„ค์น˜ npm install -g @vue/cli # ์—…๋ฐ์ดํŠธ npm update @vue/cli # ์‚ญ์ œ npm uninstall @vue/cli npm ๊ฒฝ๋กœ ํ™•์ธ npm config get prefix ์˜ค๋ฅ˜ ๋‚  ๊ฒฝ์šฐ : ํ™˜๊ฒฝ๋ณ€์ˆ˜ Path์— ์ถ”๊ฐ€ C:\Users\{YourUse}\AppData\Roaming\npm project ์ƒ์„ฑ vue create vue-test vue-router ์„ค์น˜ npm install vue-router --save bootstrap vue ์„ค์น˜ npm install vue bootstrap-vue bootstrap bootstrap-vue.org/docs BootstrapVue Quickly integrate B..
[Vue.js] Vuetify, v-data-table year๋Š” ๋‚ด๋ฆผ์ฐจ์ˆœ, name์€ ์˜ค๋ฆ„์ฐจ์ˆœ ์ •๋ ฌ ํ•˜๊ณ ์‹ถ๋‹ค group-by ์— ๋”ฐ๋ผ์„œ desc ์„ค์ • watch: { groupBy: function (newText) { if(newText === 'name'){ this.groupDesc = false } else{ this.groupDesc = true } } } ๋‹ค๋ฅธ tab์—์„œ MathJax ์•ˆ๋จนํž˜ -> :eager="true"๋กœ ์„ค์ • ํ•ด์•ผํ•จ First Tab vuetifyjs.com/en/api/v-tab-item/
Vuetify, refs tab์ด null ๋กœ ์ดˆ๊ธฐํ™” ๋˜์–ด์žˆ์œผ๋‹ˆ๊นŒ, tab ์•ˆ์˜ ref์— ์ ‘๊ทผ์ด ์•ˆ๋จ tab: 'tab-1' ๋กœ ๋ฐ”๊พธ๊ณ  ๋‹ค์‹œ ์‹œ๋„ โ€‹
[Vue] Vuetify Quick Start Vuetify : ๋จธํ‹ฐ๋ฆฌ์–ผ ์ปดํฌ๋„ŒํŠธ๋“ค์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” Vue UI ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ CDN ์‚ฌ์šฉํ•ด์„œ ์‹œ์ž‘ํ•ด๋ณด๊ธฐ Hello world Codepen ์—์„œ Vuetify ํ…Œ์ŠคํŠธ ํ•ด๋ณด๊ธฐ! - Vuetify starter https://vuetifyjs.com/ko/getting-started/quick-start/ ๋น ๋ฅธ ์‹œ์ž‘ โ€” Vuetify.js vuetifyjs.com
[Vue] Delimiters ๋ณ€๊ฒฝ Delimiters [[ ]] ๋กœ ๋ณ€๊ฒฝํ•˜๊ธฐ delimiters: ['[[', ']]'] ๋„ฃ์–ด์ฃผ๊ณ  {{ }} ๋Œ€์‹  [[ ]] ๋กœ message ์ถœ๋ ฅ! [[ message ]] https://vuejs.org/v2/api/#delimiters API โ€” Vue.js Vue.js - The Progressive JavaScript Framework vuejs.org https://kr.vuejs.org/v2/api/#delimiters API โ€” Vue.js Vue.js - ํ”„๋กœ๊ทธ๋ ˆ์‹œ๋ธŒ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ”„๋ ˆ์ž„์›Œํฌ kr.vuejs.org

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”