vue

一.vue中的箭头函数

当在vue中使用箭头函数的时候,可以在函数的使用中使用this来引用全局的vue对象,并不是给所有的函数都合适为箭头函数。当使用函数中使用本身的this时,在去使用箭头函数就会造成冲突,,此时应在函数外面定义一个变量  let $this = this  。在函数内部通过  $this来操作全局vue对象。

二.VUe中进行数据的绑定
 1.单向的绑定(v-bind)数据只能从data流向页面
 2.双向的绑定(v-model)数据只能从data流向页面,还能从页面流向data
   注:双向绑定一般都在表单的元素上(input select)
   v-model:value 可以简写为v-model


三.插槽: 有三种:具名插槽,默认插槽  作用域插槽    
具名插槽solt
<!-- v-show 条件的渲染   定义一个插槽slot 插槽    等着组件的使用者进项填充 solt默认插槽-->
有一个可以包裹元素并且审查元素的时候就可以进行<template v-solt:footer></template>  只有<template>才使用v-solt
作用域插槽solt  数据在组件的自身
使用路由的注意点:对应关系,页面进行局部的更新,单页面也可以
四:使用vue.js来实现对table的绑定操作
1,绑定的时候el-table-column的属性中需要用:prop ,:label  注意前面:
<!-- 在表格中使用动态的绑定的时候prop前面必须要有:号 使用动态绑定的时候label前面必须要有:号 -->
表格中使用动态绑定 使用  :prop 和:label

 

 

 

 

 

浏览器的结构是栈的结构, localhost...8080/#/home  
posted @ 2021-12-23 16:27  凉生初遇  阅读(119)  评论(0)    收藏  举报