<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.test{color: red}
</style>
<script src="vue.js"></script>
<script type="text/javascript">
window.onload=function(){
let obj={
message:"hahha"
}
new Vue({
el:"-sharpapp",
data:obj
})
}
</script>
</head>
<body>
<div id="app">
<span v-bind:class="test">{{message}}</span>
</div>
</body>
</html>Tip:
[Vue warn]: Property or method "test" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.