Submit Search
Upload
What's Vue - An Introduction to the Popular JavaScript Framework
•
0 likes
•
148 views
AI-enhanced title
Y
Ya-Yun Tsai
Follow
輔仁大學資訊管理學系主辦第四屆程式碼研習高峰會 vue.js 前端框架入門技巧-動態資訊呈現應用
Read less
Read more
Presentations & Public Speaking
Report
Share
Report
Share
1 of 25
Download now
Download to read offline
Recommended
Mmpng
Mmpng
Laurie Lyon, MSCS
ARTDM 170 Week 4: JavaScript Effects
ARTDM 170 Week 4: JavaScript Effects
Gilbert Guerrero
wp cli
wp cli
Wataru OKAMOTO
The Code
The Code
Gary Barber
Mojolicious - Perl Framework for the Real-Time Web (Lightning Talk)
Mojolicious - Perl Framework for the Real-Time Web (Lightning Talk)
Dotan Dimet
Django Show
Django Show
Andrews Medina
LAMP_TRAINING_SESSION_8
LAMP_TRAINING_SESSION_8
umapst
Mojolicious
Mojolicious
Lenz Gschwendtner
Recommended
Mmpng
Mmpng
Laurie Lyon, MSCS
ARTDM 170 Week 4: JavaScript Effects
ARTDM 170 Week 4: JavaScript Effects
Gilbert Guerrero
wp cli
wp cli
Wataru OKAMOTO
The Code
The Code
Gary Barber
Mojolicious - Perl Framework for the Real-Time Web (Lightning Talk)
Mojolicious - Perl Framework for the Real-Time Web (Lightning Talk)
Dotan Dimet
Django Show
Django Show
Andrews Medina
LAMP_TRAINING_SESSION_8
LAMP_TRAINING_SESSION_8
umapst
Mojolicious
Mojolicious
Lenz Gschwendtner
Pluginが広げるRailsの魅力
Pluginが広げるRailsの魅力
Yoji Shidara
Your first website in under a minute with Dancer
Your first website in under a minute with Dancer
xSawyer
Java script errors & exceptions handling
Java script errors & exceptions handling
AbhishekMondal42
Mojolicious, real-time web framework
Mojolicious, real-time web framework
taggg
WordPress Kitchen 2014 - Александр Стриха: Кеширование в WordPress
WordPress Kitchen 2014 - Александр Стриха: Кеширование в WordPress
WordCamp Kyiv
Elf文件解析
Elf文件解析
Yongjiang Zhang
How I Became a WordPress Hacker
How I Became a WordPress Hacker
Mike Zielonka
Mini Curso Django Ii Congresso Academico Ces
Mini Curso Django Ii Congresso Academico Ces
Leonardo Fernandes
Image manipulation in WordPress 3.5
Image manipulation in WordPress 3.5
Marko Heijnen
Software Testing
Software Testing
Wallace Reis
Player fixo
Player fixo
Pesinho
PowerShell reports
PowerShell reports
Victor Silva
WordPress Theme Design and Development Workshop - Day 3
WordPress Theme Design and Development Workshop - Day 3
Mizanur Rahaman Mizan
CakePHP in iPhone App
CakePHP in iPhone App
Akihiro Matsuura
BDD revolution - or how we came back from hell
BDD revolution - or how we came back from hell
Mateusz Zalewski
Jquery for post a form
Jquery for post a form
Rakesh Kumar
Mojolicious: what works and what doesn't
Mojolicious: what works and what doesn't
Cosimo Streppone
T de tem
T de tem
guest2f77a50f
RACHEL-ANN M. TENIBRO PRODUCT RESEARCH PRESENTATION
RACHEL-ANN M. TENIBRO PRODUCT RESEARCH PRESENTATION
RachelAnnTenibroAmaz
05.02 MMC - Assignment 4 - Image Attribution Lovepreet.pptx
05.02 MMC - Assignment 4 - Image Attribution Lovepreet.pptx
erickamwana1
Sunlight Spectacle 2024 Practical Action Launch Event 2024-04-08
Sunlight Spectacle 2024 Practical Action Launch Event 2024-04-08
LloydHelferty
Testing and Development Challenges for Complex Cyber-Physical Systems: Insigh...
Testing and Development Challenges for Complex Cyber-Physical Systems: Insigh...
Sebastiano Panichella
More Related Content
What's hot
Pluginが広げるRailsの魅力
Pluginが広げるRailsの魅力
Yoji Shidara
Your first website in under a minute with Dancer
Your first website in under a minute with Dancer
xSawyer
Java script errors & exceptions handling
Java script errors & exceptions handling
AbhishekMondal42
Mojolicious, real-time web framework
Mojolicious, real-time web framework
taggg
WordPress Kitchen 2014 - Александр Стриха: Кеширование в WordPress
WordPress Kitchen 2014 - Александр Стриха: Кеширование в WordPress
WordCamp Kyiv
Elf文件解析
Elf文件解析
Yongjiang Zhang
How I Became a WordPress Hacker
How I Became a WordPress Hacker
Mike Zielonka
Mini Curso Django Ii Congresso Academico Ces
Mini Curso Django Ii Congresso Academico Ces
Leonardo Fernandes
Image manipulation in WordPress 3.5
Image manipulation in WordPress 3.5
Marko Heijnen
Software Testing
Software Testing
Wallace Reis
Player fixo
Player fixo
Pesinho
PowerShell reports
PowerShell reports
Victor Silva
WordPress Theme Design and Development Workshop - Day 3
WordPress Theme Design and Development Workshop - Day 3
Mizanur Rahaman Mizan
CakePHP in iPhone App
CakePHP in iPhone App
Akihiro Matsuura
BDD revolution - or how we came back from hell
BDD revolution - or how we came back from hell
Mateusz Zalewski
Jquery for post a form
Jquery for post a form
Rakesh Kumar
Mojolicious: what works and what doesn't
Mojolicious: what works and what doesn't
Cosimo Streppone
T de tem
T de tem
guest2f77a50f
What's hot
(18)
Pluginが広げるRailsの魅力
Pluginが広げるRailsの魅力
Your first website in under a minute with Dancer
Your first website in under a minute with Dancer
Java script errors & exceptions handling
Java script errors & exceptions handling
Mojolicious, real-time web framework
Mojolicious, real-time web framework
WordPress Kitchen 2014 - Александр Стриха: Кеширование в WordPress
WordPress Kitchen 2014 - Александр Стриха: Кеширование в WordPress
Elf文件解析
Elf文件解析
How I Became a WordPress Hacker
How I Became a WordPress Hacker
Mini Curso Django Ii Congresso Academico Ces
Mini Curso Django Ii Congresso Academico Ces
Image manipulation in WordPress 3.5
Image manipulation in WordPress 3.5
Software Testing
Software Testing
Player fixo
Player fixo
PowerShell reports
PowerShell reports
WordPress Theme Design and Development Workshop - Day 3
WordPress Theme Design and Development Workshop - Day 3
CakePHP in iPhone App
CakePHP in iPhone App
BDD revolution - or how we came back from hell
BDD revolution - or how we came back from hell
Jquery for post a form
Jquery for post a form
Mojolicious: what works and what doesn't
Mojolicious: what works and what doesn't
T de tem
T de tem
Recently uploaded
RACHEL-ANN M. TENIBRO PRODUCT RESEARCH PRESENTATION
RACHEL-ANN M. TENIBRO PRODUCT RESEARCH PRESENTATION
RachelAnnTenibroAmaz
05.02 MMC - Assignment 4 - Image Attribution Lovepreet.pptx
05.02 MMC - Assignment 4 - Image Attribution Lovepreet.pptx
erickamwana1
Sunlight Spectacle 2024 Practical Action Launch Event 2024-04-08
Sunlight Spectacle 2024 Practical Action Launch Event 2024-04-08
LloydHelferty
Testing and Development Challenges for Complex Cyber-Physical Systems: Insigh...
Testing and Development Challenges for Complex Cyber-Physical Systems: Insigh...
Sebastiano Panichella
Engaging Eid Ul Fitr Presentation for Kindergartners.pptx
Engaging Eid Ul Fitr Presentation for Kindergartners.pptx
AsifArshad8
cse-csp batch4 review-1.1.pptx cyber security
cse-csp batch4 review-1.1.pptx cyber security
sandeepnani2260
INDIAN GCP GUIDELINE. for Regulatory affair 1st sem CRR
INDIAN GCP GUIDELINE. for Regulatory affair 1st sem CRR
sarwankumar4524
GESCO SE Press and Analyst Conference on Financial Results 2024
GESCO SE Press and Analyst Conference on Financial Results 2024
GESCO SE
Don't Miss Out: Strategies for Making the Most of the Ethena DigitalOpportunity
Don't Miss Out: Strategies for Making the Most of the Ethena DigitalOpportunity
App Ethena
Application of GIS in Landslide Disaster Response.pptx
Application of GIS in Landslide Disaster Response.pptx
Roquia Salam
Testing with Fewer Resources: Toward Adaptive Approaches for Cost-effective ...
Testing with Fewer Resources: Toward Adaptive Approaches for Cost-effective ...
Sebastiano Panichella
Scootsy Overview Deck - Pan City Delivery
Scootsy Overview Deck - Pan City Delivery
rishi338139
General Elections Final Press Noteas per M
General Elections Final Press Noteas per M
VidyaAdsule1
Understanding Post Production changes (PPC) in Clinical Data Management (CDM)...
Understanding Post Production changes (PPC) in Clinical Data Management (CDM)...
soumyapottola
Recently uploaded
(14)
RACHEL-ANN M. TENIBRO PRODUCT RESEARCH PRESENTATION
RACHEL-ANN M. TENIBRO PRODUCT RESEARCH PRESENTATION
05.02 MMC - Assignment 4 - Image Attribution Lovepreet.pptx
05.02 MMC - Assignment 4 - Image Attribution Lovepreet.pptx
Sunlight Spectacle 2024 Practical Action Launch Event 2024-04-08
Sunlight Spectacle 2024 Practical Action Launch Event 2024-04-08
Testing and Development Challenges for Complex Cyber-Physical Systems: Insigh...
Testing and Development Challenges for Complex Cyber-Physical Systems: Insigh...
Engaging Eid Ul Fitr Presentation for Kindergartners.pptx
Engaging Eid Ul Fitr Presentation for Kindergartners.pptx
cse-csp batch4 review-1.1.pptx cyber security
cse-csp batch4 review-1.1.pptx cyber security
INDIAN GCP GUIDELINE. for Regulatory affair 1st sem CRR
INDIAN GCP GUIDELINE. for Regulatory affair 1st sem CRR
GESCO SE Press and Analyst Conference on Financial Results 2024
GESCO SE Press and Analyst Conference on Financial Results 2024
Don't Miss Out: Strategies for Making the Most of the Ethena DigitalOpportunity
Don't Miss Out: Strategies for Making the Most of the Ethena DigitalOpportunity
Application of GIS in Landslide Disaster Response.pptx
Application of GIS in Landslide Disaster Response.pptx
Testing with Fewer Resources: Toward Adaptive Approaches for Cost-effective ...
Testing with Fewer Resources: Toward Adaptive Approaches for Cost-effective ...
Scootsy Overview Deck - Pan City Delivery
Scootsy Overview Deck - Pan City Delivery
General Elections Final Press Noteas per M
General Elections Final Press Noteas per M
Understanding Post Production changes (PPC) in Clinical Data Management (CDM)...
Understanding Post Production changes (PPC) in Clinical Data Management (CDM)...
What's Vue - An Introduction to the Popular JavaScript Framework
1.
2.
What’s Vue
3.
Vue View
4.
n n n n n
5.
M V VM
6.
l l l l l
7.
8.
$ npm install
-g vue-cli // Vue $ vue init [template-name] [project-name] $cd [project-name] $npm install $npm run dev
9.
10.
Vue mustache template {{
}} <span>Message: {{ msg }}</span> {{{ raw_html }}} <div id=“item-{{ id }}”></div>
11.
12.
{{ number +
1 }} {{ ok ? ‘YES’ : ’NO’ }} {{ msg.spilt(‘’).reverse().join(‘’) }}
13.
{{ ‘abc’ |
capitalize}} ==> Abc {{ ‘abc’ | uppercase}} ==> ABC {{ ‘123456’ | currency}} ==> $123,456.00
14.
15.
16.
v-bind:style v-bind:class
17.
l l l
18.
19.
20.
l l l l
21.
22.
https://vuejs-tips.github.io/cheatsheet/https://vuejs.org/v2/guide/
23.
24.
Tony‘s blog http://blog.tonycube.com/2017/03/vuejs-1- introduction.html Summer https://cythilya.github.io/2017/04/22/vue-conditional- rendering/
25.
THANK YOU
Download now