//index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="/go.html?url=style.css"> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> </head> <body> <div id="vue-app"> <div v-bind:class="{bottle:!flag,change:flag}"></div> <!-- 是冒号冒号冒号！！！！不是等于号！！！！--> <div id="bor"> <div v-bind:style="{ width : length +'%'}"></div> </div> <div id="but"> <button v-on:click="hit" v-show="!flag">hit</button> <button v-on:click="res">restart</button> </div> </div> <script src="app.js"></script> </body> </html><!DOCTYPE html> <html lang="en">
