(您有任何疑问,都可以进行提问,我们一起探讨)
前言
您将在本文当中了解到,往网页中添加数据,从传统的dom操作过渡到数据层操作,实现同一个目标,两种不同的方式.以及什么是组件,如何定义和使用组件,父子组件之间如何进行简单的通信传值...,和一内容,并且点击按钮时,改变它自身的颜色,实现内容的显示和隐藏的效果:实例效果如下
?...(点击按钮实现按钮变色和内容的显示和隐藏)
实现方式1:利用原生js
css代码
body {
margin:0;
text-align:center;
}
button...当条件变化时该指令触发过渡效果
v-show:当表达式的值为false,只是表现形式的隐藏(display:none),根据表达式之真假值,切换元素的CSS中的display属性,如果频繁切换时就用v-show...的经典例子
同样,我会一步一步从原生js,jQuery在到vuejs,并且实现父子元素的通信,实现效果如下图所示:
输入框内输入值,点击添加按钮,将表单中的值添加到页面中,同时,又可以删除列表项内容,注意是删除列表项而不是隐藏