-
如果vue实例不定义挂载点,会把挂载点下面所有的dom标签作为模板。
查看全部 -
全局组件,局部组件(需要在data中注册)
全局组件:Vue.component('todo-list',{
props:['content'],
template:"<li>{{content}}</li>"
})
页面使用:
<todo-item
v-for="(item,index) of list"
:key="index"
:content="item"
>
</todo-item>
查看全部 -
每一个组件都是vue的一个实例
查看全部 -
模板绑定事件
查看全部 -
创建全局组件的方法:Vue.component('',{})
创建局部组件的方法: Var TodoItem = { }
使用局部组件需要声明注册:components : { 'todo-item' :TodoItem}
查看全部 -
全局样式和局部样式
scoped作用域修饰符表示局部样式,否则就是会影响全局样式。
查看全部 -
子组件如何向父组件传递数据。
this.$emit('delete',this.index)
查看全部 -
发布订阅,父组件监听子组件
查看全部 -
组件和实例之前的关系:
每一个组件都是vue的实例
查看全部 -
全局组件,局部组件(需要在data中注册)
全局组件:Vue.component('todo-list',{
props:['content'],
template:"<li>{{content}}</li>"
})
页面使用:
<todo-item
v-for="(item,index) of list"
:key="index"
:content="item"
>
</todo-item>
查看全部 -
v-for
<li v-for="(item,index) of list" :key="index">{{item}}</li>
建议添加:key属性,增加dom渲染能力。
查看全部 -
v-if,v-show,v-for
v-if 直接删除dom元素,再添加的过程
v-show是添加属性display:none,
如果是频繁的操作,建议使用v-show
如果只是一次操作,就用v-if
查看全部 -
属性绑定和双向数据绑定。
查看全部 -
计算属性与侦听器
查看全部 -
dev & start
查看全部
举报