有没有大神可以写一个vue.js,点击更改当前div样式的实例
展开全部
html>
<head>
<title>Hover</title>
<style type="text/css">
*{
padding: 0;
margin: 0;
font-size: 11pt;
}
div{
float: left;
width: 100px;
margin-right: 20px;
padding: 5px;
border: 1px solid #999;
background-color: #eee;）
Vue.js介绍：
Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。
如果你之前已经习惯了用jQuery操作DOM，学习Vue.js时请先抛开手动操作DOM的思维，因为Vue.js是数据驱动的，你无需手动操作DOM。它通过一些特殊的HTML语法，将DOM和数据绑定起来。一旦你创建了绑定，DOM将和数据保持同步，每当变更了数据，DOM也会相应地更新。
当然了，在使用Vue.js时，你也可以结合其他库一起使用，比如jQuery。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
html>
<head>
<title>Hover</title>
<style type="text/css">
*{
padding: 0;
margin: 0;
font-size: 11pt;
}
div{
float: left;
width: 100px;
margin-right: 20px;
padding: 5px;
border: 1px solid #999;
background-color: #eee;
}
/* 鼠标悬停样式，有些IE浏览器不支持hover伪类 */
div.hover{
color: red;
}
/* 被点击后的样式 */
div.click{
border: 1px solid #ef0;
background-color: #ffc;
}
</style>
<head>
<title>Hover</title>
<style type="text/css">
*{
padding: 0;
margin: 0;
font-size: 11pt;
}
div{
float: left;
width: 100px;
margin-right: 20px;
padding: 5px;
border: 1px solid #999;
background-color: #eee;
}
/* 鼠标悬停样式，有些IE浏览器不支持hover伪类 */
div.hover{
color: red;
}
/* 被点击后的样式 */
div.click{
border: 1px solid #ef0;
background-color: #ffc;
}
</style>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
