第一个VueJs入门页面
生活随笔
收集整理的這篇文章主要介紹了
第一个VueJs入门页面
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
Vue.js是什么
Vue (讀音 /vju?/，類似于?view) 是一套用于構建用戶界面的漸進式框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注視圖層，不僅易于上手，還便于與第三方庫或既有項目整合。另一方面，當與現代化的工具鏈以及各種支持類庫結合使用時，Vue 也完全能夠為復雜的單頁應用提供驅動。
入門代碼：
<!doctype html> <html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><title>Vue入門實例</title></head><body><div id="app"><ul><li v-for="book in books">{{book.name}}</li></ul</div> <!-- 開發環境版本，包含了有幫助的命令行警告 --> <script src=" href='https://cdn.jsdelivr.net/npm/vue/dist/vue.js">https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>? <script>new Vue({el:'#app',data:{books:[{ name:'《書本1》'},{ name:'《書本2》'},{ name:'《書本3》'},{ name:'《書本4》'},{ name:'《書本5》'}]}}) </script></body> </html>運行結果：
總結
以上是生活随笔為你收集整理的第一个VueJs入门页面的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Ecplise中的Maven项目提示找不
- 下一篇： Vue过滤器的简单使用--实时显示格式化