The default App.vue created by vue-cli for a new webpack-based project
<template> | |
<div id="app"> | |
<img src="./assets/logo.png"> | |
<div v-show="showMessage">{{message}}</div> | |
<div v-show="items.length > 0">I like</div> | |
<ul> | |
<li v-for="(item, index) in items" v-bind:key="index">{{item}}</li> | |
</ul> | |
<router-view/> | |
</div> | |
</template> | |
<script> | |
export default { | |
name: 'App', | |
data() { | |
return { | |
showMessage: true, | |
message: 'Hello, World!', | |
items: ['Cake', 'Coding'], | |
}; | |
} | |
}; | |
</script> | |
... |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment