當前位置:
首頁 >
Vue基本使用
發布時間:2025/4/16
34
豆豆
Vue基本使用
傳統開發模式對比
Vue.js之HelloWorld基本步驟?
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><title>Document</title> </head><body><div id="app"><div>{{msg}}</div><div>{{1 + 2}}</div><div>{{msg + '----' + 123}}</div></div><script type="text/javascript" src="js/vue.js"></script><script type="text/javascript">/*Vue的基本使用步驟1、需要提供標簽用于填充數據2、引入vue.js庫文件3、可以使用vue的語法做功能了4、把vue提供的數據填充到標簽里面*/var vm = new Vue({el: '#app',data: {msg: 'Hello Vue'}});</script> </body></html>總結
- 上一篇: 使用dom方
- 下一篇: Vue模板语法概述