vue学习,输出hellovue!
<!doctype html> <html> <head> <meta charset="utf-8"> <title>第一次使用vue</title> </head> <body> <div id="app">{{ message }}</div> </body> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script type="text/javascript" > var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) </script> </html>
显示结果:
第一次学习vue,所以中途遇到了cannot find element #app报错,解决方法就是把js引用放到后面就能先加载再渲染就行啦