Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
玩轉 Vue Component 積木堆起來
Search
LINE Developers Taiwan
PRO
March 22, 2022
Technology
1
4.4k
玩轉 Vue Component 積木堆起來
玩轉 Vue Component 積木堆起來 @ LINE
Event:
https://vuejs.kktix.cc/events/v-tw-meetup-008
LINE Developers Taiwan
PRO
March 22, 2022
Tweet
Share
More Decks by LINE Developers Taiwan
See All by LINE Developers Taiwan
清大企業參訪- Ben
line_developers_tw
PRO
0
0
LLM 商品規格萃取大冒險- Vila
line_developers_tw
PRO
0
9
Playwright/MCP/AI -Winter
line_developers_tw
PRO
0
9
LINE EC Product Catalog Development- Rei
line_developers_tw
PRO
0
9
LINE 與 AI 機器人技術應用現況
line_developers_tw
PRO
0
6
QA Testing
line_developers_tw
PRO
0
3
jcconf_datadev_prod
line_developers_tw
PRO
0
7
jcconf_SPM_prod
line_developers_tw
PRO
0
4
jcconf_LINEPay_prod
line_developers_tw
PRO
0
4
Other Decks in Technology
See All in Technology
ローカルLLMとLINE Botの組み合わせ その2(EVO-X2でgpt-oss-120bを利用) / LINE DC Generative AI Meetup #7
you
PRO
1
160
Observability — Extending Into Incident Response
nari_ex
1
430
プロダクト開発と社内データ活用での、BI×AIの現在地 / Data_Findy
sansan_randd
0
170
Linux カーネルが支えるコンテナの仕組み / LF Japan Community Days 2025 Osaka
tenforward
1
130
AI AgentをLangflowでサクッと作って、1日働かせてみた!
yano13
1
160
だいたい分かった気になる 『SREの知識地図』 / introduction-to-sre-knowledge-map-book
katsuhisa91
PRO
3
1.4k
CREが作る自己解決サイクルSlackワークフローに組み込んだAIによる社内ヘルプデスク改革 #cre_meetup
bengo4com
0
340
[2025年10月版] Databricks Data + AI Boot Camp
databricksjapan
1
260
Kubernetes self-healing of your workload
hwchiu
0
540
AI時代、“平均値”ではいられない
uhyo
8
2.6k
生成AI時代のPythonセキュリティとガバナンス
abenben
0
140
AWS re:Invent 2025事前勉強会資料 / AWS re:Invent 2025 pre study meetup
kinunori
0
280
Featured
See All Featured
Site-Speed That Sticks
csswizardry
13
930
Building Applications with DynamoDB
mza
96
6.7k
The Illustrated Children's Guide to Kubernetes
chrisshort
49
51k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.2k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
The Straight Up "How To Draw Better" Workshop
denniskardys
238
140k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
A designer walks into a library…
pauljervisheath
209
24k
Java REST API Framework Comparison - PWX 2021
mraible
34
8.9k
Designing Experiences People Love
moore
142
24k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Transcript
玩轉Vue Component 積⽊堆起來 Angela Wang 2022.3.22
01 02 03 04 Contents About LINE TODAY Building Blocks
Component Flexibility Blocks to Pages
About LINE TODAY 鎖定LINE TODAY,不怕話題跟不上,每天⽣活超有梗!新聞、 影⾳與直播,各種豐富內容與貼⼼服務,就讓LINE TODAY陪 伴您的每⼀天! aka 豐富的樣式
豐富內容 aka 豐富的模組 aka 豐富的程式
Content listing 各式 各樣 排列 長相
Building Blocks With Vue
※Source from︓istockphoto Theming Text Button Image Link 1. Define Variant
2. Behavior Logic
※Source from︓istockphoto Typing Module
${Block}-${Element}--${Modifier} ※Source from︓istockphoto Typing Module Module Header Article Card &--indigo900
Element
※Source from︓istockphoto Typing Module Module Header Article Card &-rankingBadge &-typeTag
&-titleBadge
※Source from︓https://vuejs.org/, istockphoto Container Block Module Container Listing Container
※Source from︓istockphoto Container Block Module Container Listing Container
Component Flexibility With Vue
※Source from︓https://vuejs.org/ Slot scoped binding Can’t get article data
※Source from︓https://vuejs.org/ Slot dynamic slot
※Source from︓https://vuejs.org Inject & Provide
※Source from︓https://vuejs.org/ Inject & Provide
※Source from︓https://vuejs.org Inject & Provide Do wrap with computed for
reactivity!!
Blocks to Pages
Dynamic Component
Dynamic Component Headline Thumbnail List Carousel
※Source from︓https://vueschool.io/articles/vuejs-tutorials/lazy-loading-and-code-splitting-in-vue-js/ Lazy Loading
※Source from︓https://vuejs.org/ Lazy Loading Dynamic Import Lazy Loading Lazy Function
※Source from︓https://vuejs.org/ Lazy Loading Dynamic Import Lazy Loading Lazy Function
※Source from︓https://vuejs.org/ Lazy Loading Dynamic Import Lazy Loading Lazy Function
Looking Back Got Them All Covered
THANK YOU