在线代码编辑器-开发工具-核心编程

<html>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Vue</title>
   <script src="https://www.hxstrive.com/cdn/libs/vue/2.7.16/vue.min.js"></script>
   <style type="text/css">
       .active { color: red; }
   </style>
</head>
<body>

<div id="app">
       <div v-bind:style="[baseStyles, overridingStyles]">绑定 style 属性1</div>
       <div v-bind:style="arrayObj">绑定 style 属性2</div>
   </div>

</body>
</html>

在线代码编辑器 HTML / CSS / JavaScript 实时预览

更多工具

自动执行

代码编辑区

字符数: 0 提示: 输入完整的 HTML 代码，需包含 DOCTYPE 声明与 html 根标签

预览效果

选择模板

选择库和版本

库

版本

文件