No logro hacer este ejemplo en mi pc local ejemplo Template, en si quiero crear un template en un archivo aparte donde pueda llamarlo y usarlo en cualquier parte de mi html, con el fin de simplificar codigo, pero no logro hacerlo porque no logro identificar si me faltan otros CDN o que otra cosa debo hacer.
Este es el HTML
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<app></app>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.28/vue.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/1.0.3/vue-resource.js"></script>
<script src="main.js"></script>
</body>
</html>
Este el archivo main.js
import Vue from 'vue'
import App from './App.vue'
new Vue({
el: 'body',
components: { App }
})
Este es el Template App.vue
<template>
<h1>{{ msg }}</h1>
</template>
<script>
export default {
data () {
return {
msg: 'Hello Vue!'
}
}
}
</script>
<style scoped>
h1 {
color: red;
}
</style>
npm run dev
?