十大网站建设排名,四川省城乡住房建设厅网站,网站建设导入视频,张家口网站建设vewan一、v-model指令总结
1、用在表单元素或组件中
2、用在表单元素上文本框或密码框相当于:value数据input数据$event. target. value复选框:checked数据 change数据$event. target. checked下拉列表:selected数据 …一、v-model指令总结
1、用在表单元素或组件中
2、用在表单元素上文本框或密码框相当于:value数据input数据$event. target. value复选框:checked数据 change数据$event. target. checked下拉列表:selected数据 change数据 $event. target. selected
3、用在组件实现父子数据双向绑定:value数据 input 数据$event
二、通信方式总结
1、父传子 • 父组件内在自组件标签上 写属性• 子组件内通过props属性接收 2、子传父 • 子组件内 通过: $emit(“自定义事件”,参数参数2)• 父组件内子组件标签上 : 自定义事件名函数式3、祖孙 爷爷provide () {}爷爷传送 孙子inject: [] 孙子接受 4、兄弟 通过evenbus事件总线 methods: { handleClick () { // 使用数据方 通过$on订阅 vm.$on(useMsg, (data) { console.log(data) }) } methods: { handleClick () { vm.$emit(useMsg, this.msg) } }, 5、ref(ref属性值:ref属性所在的dom或组件 ) ①ref加在普通的元素上用this.ref.name获取到的是dom元素②ref加在子组件上用this.ref.name获取到的是组件实例可以使用组件的所有方法③如何利用v-for和ref获取一组数据或者dom节点。当v-for用于元素或者组件的时候引用信息将是包含dom节点或组件实例的数组关于ref注册时间的重要说明因为ref本身是作为渲染结果被创建的在初始渲染的时候你不能访问它们--它们还不存在$refs也不是响应式的因此你不应该试图用它在模板中做数据绑定。6、vuex---后期发
