Please enable JavaScript.
Coggle requires JavaScript to display documents.
Vue.js (Scrimba) - Coggle Diagram
Vue.js (Scrimba)
Hello Vue
Syntaxe texte
<p>{{ message }}</p>
<p v-text="message"></p>
Syntaxe html
<p v-html="message"></p>
Syntaxe input
<input type="text" v-model="message2"></input>
Control-flow
control logic
v-if="wizard == harry"
v-html="wizard + ' ' + hedwig"
Intro
créé en 2014 par Evan You
on peut utiliser vue avec un script lié au CDN
Components
création du component
Vue.component("harry" , { template:
<p>
+ emojify("harry" ) +
</p>
})
appel du component
<harry></harry>
Methods
Interactions
<p v-html="active" @click="animagus" :class="breathe()"></p>