前端汇总

  • Vue中所有的指令在调用的时候都以v-开头
  • 不要在body中绑定id,在vue2.0之后已经不可以这样做
  • 插值表达式, v-cloak, v-text, v-html, v-bind(缩写:), v-on(缩写@), v-model, v-for, v-if, v-show
  • 事件修饰符 .stop .prevent .capture .self .once
  • 按键修饰符 可以在keyup或者其他事件通过 .enter .tab. delete. .esc .space ......来指定监听的按键, 当然也可以 .键盘码 来监听没有为我们预制的按键
  • el:指定要控制的区域,data:是个对象指定乐控制区域要用到的数据,methods虽然带s后缀但是是个对象,这里面可以定义一些,filters用来定义一些私有过滤器
  • 在vm实例中如果要访问data上的数据,或者要访问methods的方法必须要带this
  • 在v-for中要使用 :key 属性 (只接受str或int类型),注意:不能使用索引
  • v-model 只能应用于表单中的元素
  • 在Vue中绑定样式有两种方式 v-bind:class v-bind:style
  • switch会在匹配case成功之后 对后面的case无条件执行
  • 在Vue中使用事件绑定机制时为元素指定处理函数的时候如果加了小括号@click="add()" 就可以给函数传参了
  • forEach没有办法被终止会一直迭代到最后一个元素类似py的map函数,some可以通过return true进行终止,findIndex,filter会逐个遍历返回所有满足条件的元素组成的数组,
  • replace字符串替换除了可以写一个字符串之外(却只能替换一次), 还能定义一个正则进行全局匹配,
  • 全局过滤器参数1是过滤器名字,function内的参数是需要过滤的数据本身,第二个参数可以传递需要替换后的样子,一段数据可以添加多个过滤器,按照管道顺序依次传递
  • 私有过滤器有两个条件 过滤器名称和处理函数
  • 过滤器调用时调用顺序是就近原则,如果私有过滤器和全局过滤器名字重复,则优先调用私有过滤器
  • 字符串可以通过padStart和padEnd来对字符串头部或尾部补充特定字符的操作,注意:如果位数太长会自动切割后面的字符
  • 可以使用Vue.directive来定义全局的指令,参数1是指令的名称(名称可以不用加v-, 但是调用的时候必须使用v-进行调用),参数2是一个对象,对象里有一些指令相关的函数: bind(每当指令绑定动元素上的时候会立即执行bind函数,但是这时候元素还没有插入DOM中),inserted(表示元素插入DOM的时候会执行inserted函数),updated(当DOM节点更新的时候会执行updated,可能会触发多次)
  • 在定义全局指令的时候参数2对象中指令相关的函数,第一个参数永远是el,表示被绑定了指令的那个元素,这个el参数是一个原生的js对象
  • 在元素刚绑定了bind指令的时候,还没有插入DOM中取的时候,调用focus方法并没有作用,因为一个元素只有插入到DOM中之后才能获得焦点,当然style样式不同,不管DOM有没有插入到页面中,这个DOM肯定有了一个内联的样式,浏览器渲染时必然会解析到这个样式,应用给这个元素
  • 给 transition-group 添加属性appear属性能够让页面初次加载的时候更平滑
  • transition-group标签包括的元素默认外层有一层span元素,可以通过设置tag='li' 属性指定要渲染的属性
  • Vue中的常见标签有 component(指定组件id切换组件),template(用来定义组件),transition(设置过渡动画),transitionGroup(多个元素过渡)等
  • Vue中的钩子函数有: beforeCreate,created,beforeMount,mounted,beforeUpdate,updated,beforeDestroy,destroyed
  • Vue中常见的属性有:el(指定要操作的DOM元素),data(用来存放数据),methods(用来存放一些事件处理函数),filters(用来存放私有过滤器),directives(用来存放一些私有指令),components(用来存放一些私有组件)
  • transition 可以通过appear来让页面初次载入数据时不显得那么突兀
  • children 通过这个属性来设置路由的子路由,注意匹配规则,注意子路由的path 尽量不要带 /, 因为添加斜杠 导致路径会以绝对根路径 / 开始匹配,这样会导致用户不方便理解url地址
  • components 用来设置平级路由,使用 component 的复数形式来放同一路径下的路由匹配规则,在 router-view 中需要使用name来指定该容器对应的组件
点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注