这段时间又重新回顾了一下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中放入方法
新闻热点
疑难解答