-
v-bind: ==> :
v-model=""
查看全部 -
v-text=""
v-html=""
v-on:click="" ==> @click
查看全部 -
子组件与父组件通信
1、父组件可以使用 props 把数据传给子组件。（父组件使用属性传值给子组件）
2、子组件可以使用 $emit 触发父组件的自定义事件。父组件监听子组件,并可以执行自己的方法
fu: @delete=""
zi: this.$emit('delete',this.index)
查看全部 -
组件接收属性传值： props: []
查看全部 -
定义组件
Vue.component('组件名'， {
template: ''
})
定义局部组件： 需要在new Vue里components 申明
查看全部 -
双向绑定，实现输入框输入，列表增加
查看全部 -
v-show
v-if
v-for = "item of list" {{}}
查看全部 -
cunputed: 计算属性
watch:侦听器 某一个属性发生变化，或者计算属性发生变化
查看全部 -
<div id='root'>是<todo-item>的父组件
因为<todo-item>写在 <div id='root'>的模版里
<todo-item>是其模版<li @click="函数">....</li>的父组件
因为<li @click="函数">....</li>写在<todo-item>的模版里
子组件里面的函数是指向父组件里的函数
查看全部 -
父组件通过属性向子组件传递数据
子组件用props:['属性1','属性2']获得传来的数据
子组件通过发布事件和父组件通信
$emit('事件名称'，参数)
父组件订阅事件
@事件名='下一步的函数'
//v-on:事件名="下一步的函数"
查看全部 -
属性绑定：
v-bind:title = "title"
可以简写成 ：title = "title"
双向数据绑定：v-model=""
查看全部 -
v-on:click="函数名" 绑定事件
v-on:click 简写@click
函数定义在 methods 里
查看全部 -
v-text v-html 里绑定数据
v-html 会转义
查看全部 -
数据可以写在html里，也可以写在Vue实例里的templa里
查看全部 -
VUEjs 数据和hTML绑定
查看全部
举报