Hola, estoy tratando de hacer que mi aplicación Vue esté en javascript para que no esté en html. ¿Hay alguna manera de hacer que funcione? Intenté esto:
En HTML:
<script src="https://cdn.jsdelivr.net/npm/vue"></script> <script src="assets/actions.js" type="text/javascript"></script>en javascript:
const AppNotes = Vue.createApp({ data: { newFormtext: "", contents: [ {title: "First Title", contents: ["content1", "content2", "content3"]} ] }, methods: { addNewFormEvent() { this.titles.push(this.formtext) } } }) AppNotes.mount('#content')pero no funciona en mi html y el texto sigue siendo {{ content.title }}
Aquí hay una plantilla básica de vuejs 2 usando html y javascript, sin node.
Debe llamar al constructor de Vue y establecer el valor de el en alguna identificación de etiqueta.
new Vue({ el: "#notes-app", data: { counter: 0 }, methods: { increment() { this.counter++; } } }); <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="notes-app"> {{ counter }} <button v-on:click="increment">increment</button> </div>