vue的一些小技巧

226 阅读2分钟

需要安装才能使用

  • 使用前导入vue.js文件
  • 安装vuedetools的安装,chrome扩展这个文件固定安装到一个位置---》使用三个点,更多工具,扩展程序,开发者模式勾选,加载已解压的扩展程序,选择chrome扩展,确定

创建代码段vh(每次都要创建模板太繁琐)

  • data 中的数值不带"" ,字符串需要有

  • mvc 和mvvm区别

    • mvc后台开发概念
    • mvvm前端开发概念只考虑前端页面 vm是调度者 vm双向数据绑定
  • vue基本代码的结构

  • 绑定后要将代码放入绑定的div中去

  • 指令 插值表达式、v-cloak、v-text、v-html、v-bind(:)、v-on(@)、v-model、v-if、v-show、v-for

  • 事件修饰符.stop、.prevent、.capture、.self、.once

  • el属性 指定要控制的区域

  • data 是个对象,致电给控制区域内需要的数据

  • methods 是一个对象,定义了自己的方法,可以自定义

  • 在vm实例中,如果要访问data上的数据,或者方法必须要带this

  • 在v-for中会使用:key属性,只接受string和number类型

  • v-model只能应用于表单元素

  • 在vue中绑定样式v-bind:class,v-bind:style

  • v-if切换消耗,v-show渲染消耗

  • 文本框获取焦点

  • 尽量不要用jquery

  • v-for 的循环表达式的操作 v-text注意不要有插值表达式

  • form-inline类属性,表单放一行

  • 使用事件绑定机制,如果加入小括号说明可以传参数

  • 在some方法中return true ,就会立即终止这个数组的后续循环

  • findIndex也是查找相关的对应的,新方法查找索引,需要传回调函数

  • 数组的新方法,对数组遍历 forEach---可以终止,some---return true终止,filter----过滤查询到返回条件的过滤,findIndex ----找到对应项的索引