当条件变化时该指令触发过渡效果
v-show:当表达式的值为false,只是表现形式的隐藏(display:none),根据表达式之真假值,切换元素的CSS中的display属性,如果频繁切换时就用v-show...的经典例子
同样,我会一步一步从原生js,jQuery在到vuejs,并且实现父子元素的通信,实现效果如下图所示:
输入框内输入值,点击添加按钮,将表单中的值添加到页面中,同时,又可以删除列表项内容,注意是删除列表项而不是隐藏...使用 PascalCase(驼峰式),遇到多个单词时,首字母大写
Vue.component('MyComponentName', { /* ... */ })
当使用PascalCase(驼峰式命名)...指令绑定自定义属性值的方式,父组件中的数据,可以通过v-for循环列表拿到数据
在上面的时例代码中,通过自定义一个content变量属性用来接收父组件中的数据,v-bind:content="item"...光这样是不够的,还需要在子组件里去接收父组件自定义的这个content变量,在子组件中是通过props这个属性来接收父组件的数据,后面的值可以是数组,也可以是对象,对象允许配置高级选项,如类型检测、自定义校验和设置默认值