如何用Vue.js写出第一个程序
![图片[1]-如何用Vue.js写出第一个程序-学吧号](https://www.proejc.com/wp-content/uploads/2022/10/063b4caad76b9be170c6cfaf077b57e3.jpg)
编写现在我用上面提到的这几点编写一个前端计数器，用户可以在输入框输入任意数字，点击按钮进行总数累加下面贴上代码，看不懂的话翻上去再看一遍<!DOCTYPE html><html><head><title></title><script type=”text/javascript” src=”https://unpkg.com/vue”></script></head><body><div id=”firstVue”><p><input type=”number” v-model=”inputNum” /><button @click=”add()”>ADD</button></p><p>{{total}}</p></div></body><script type=”text/javascript”>var myVue = new Vue({el:’#firstVue’,data:{inputNum:0,total:0},methods:{add:function(){this.total = parseInt(this.total) + parseInt(this.inputNum);}}})</script></html>
初学者在学习Vue.js之前还需要学习哪些知识
![图片[2]-如何用Vue.js写出第一个程序-学吧号](https://www.proejc.com/wp-content/uploads/2022/10/72bae0c771b06cbf01b136deb1da947c.jpg)
VUE
vue.js是什么
![图片[3]-如何用Vue.js写出第一个程序-学吧号](https://www.proejc.com/wp-content/uploads/2022/10/dcae4005b5b07bc65d8457915f1b99ea.jpg)
Vue.js：（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
它不仅易于上手，还便于与第三方库或既有项目整合。
ue.js 是一个用于创建 web 交互界面的。其特点是1.简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。2.数据驱动 自动追踪依赖的模板表达式和计算属性。3.组件化 用解耦、可复用的组件来构造界面。
4.轻量 ~24kb min+gzip，无依赖。5.快速 精确有效的异步批量 DOM 更新。6.模块友好 通过 NPM 或 Bower 安装，无缝融入你的工作流。
