這段時間又重新回顧了一下Vue框架,相比于之前博客中介紹的React相比較,Vue的優點更加明顯,Vue的框架的侵占性更加的低,同時可以在已擁有的項目中直接導入Vue.js直接加入Vue技術,不像React以及Angular框架需要重新規劃代碼區域.
直接在所需要的HTML中根據id屬性或者class屬性確定作用域,就可以對原有代碼進行基于Vue框架的編寫,代碼如下:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://unpkg.com/vue/dist/vue.js"></script></head><body> <div id="app"> {{message}} </div></body><script type="text/javascript"> var app = new Vue({ el: "#app", data:{ message: "hello world", }, methods:{ } })</script></html>要點:1.Vue通過el來聲明作用域.
2.data中放數據
3.methods中放入方法
新聞熱點
疑難解答