Vue是前台框架,可以独立完成前后端分离式web项目渐进式的javascript框架 ,今天我们来设计一个简单的动态按钮
具体效果图如下:
点击后会变成这样:
首先我们需要下载vue.js: https://vuejs.org/js/vue.min.js
将网页内的内容全选粘贴至js文件中
然后我们先创建一个html文件
在body创建一个按钮具体代码如下:
<body>
<div id=app>
<button v-on:click=btnClick v-bind:class=my_cls>{{ msg }}</button>
</div>
</body>
这里的v-