-
实例与组件
查看全部 -
组件与实例的关系
查看全部 -
详细的组件描述,复习!查看全部
-
<div id="root"></div> new Vue({ el: "root", template: '<h1>hello {{msg}}</h1>', data: { msg: "world" } })
挂载点: el指定挂载点
模板:
实例:
查看全部 -
1:发布订阅模式 父组件、子组件相互传数据
个人理解:
(1)父组件向子组件传数据时,父组件将 data域中的值 当作父组件中的一个属性:XXX=“data”进行传递,子组件可以在props中注册并获得该属性,
从而获得父组件传来的值
(2)$emit(@指定父组件事件,指定要传递的值data) 子组件通过(点击)事件上触发方法,在this.emit中指定要触发的事件,并在第二个参数中指定
需要传递的值。父组件便可监听子组件触发的事件,并用方法接受,通过function(data),获得data值
查看全部 -
3-4多看两次查看全部
-
v-if,是直接删除div
v-show,隐藏是加一个display:none的属性
查看全部 -
v-show:=的使用
true显示
false隐藏
查看全部 -
监听器,可以直接监听fullName
查看全部 -
watch:监听器
查看全部 -
computed,计算属性
查看全部 -
2019.11.02 第二次观看!
查看全部 -
v-model,数据的双向绑定
页面改变也可以改变data的值
查看全部 -
v-bind:title = :title
属性绑定的缩写
查看全部 -
div中的title标签是鼠标悬浮时显示的内容
属性绑定
查看全部
举报