为啥vue模板内的style标签样式无效呢？我在template写了一个style样式改变h1的样式，但是却不起作用，请问怎么办？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<div id="app">
<h1>{{message}}</h1>
<div>
{{score|handleData}}
</div>
<style >h1{
background: black;
color: white;
}</style>
<div><button @click="add">点击累加测试</button></div>
</div>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue.2.2.min.js"></script>
<script>
new Vue({
el: '#app',
data: function() {
return {
message:"hello world!",
score:59,
}
},
filters: {
handleData: function (value) {
if(value>=60) return '及格'
else return '不及格'
}
},
methods:{
add:function(){
this.score++;
}
},
})
</script>
</body>
</html>私活外包
最新提问
有没有开源的solo agent一句话描述就能开发直接运行的前后端应用源代码？
订单支付过程中部分商品库存不足如何处理？
python如何开发一个自定义域名后缀的邮箱系统及登录发送邮件管理web页面？
有没有开源的项目将图片视频声音文字转场特效编排自动生成剪映草稿json文件？
有没有摄像头捕获眼球转动操作鼠标的开源代码？
localstorage如何生成自增的键值对进行增删改查？
python有没有将python脚本与python运行环境一键打包成exe的代码？
nodejs如何执行浏览器中运行的js代码？
iframe中如何阻止其他域名网页的打开或跳转？
webrtc如何实现多人音频电话会议？
