vue知识点

72 阅读1分钟

vue 模板语法

事件修饰符 .stop 阻止冒泡 v-on:click.stop .prevent 阻止默认行为 v-on:click.prevent

按键修饰符 .enter 回车键 v-on:keyup.enter .delete 删除键 v-on:keyup.delete

自定义按键修饰符 全局config.keyCodes对象 Vue.config.keyCodes.f1=112;

属性绑定 vue如何动态处理属性 V-bind指定用法 跳转 缩写形式

v-model 底层实现原理

class样式处理 对象语法

数组语法

style样式处理 对象语法

数组语法

分支循环结构 分支结构 v-if v-else v-else-if v-show v-if 和 v-show区别 v-if控制元素是否渲染到页面,v-show控制元素是否显示(已经渲染到了页面)

循环结构 v-for遍历数组

  • {{item}}
  • {{item+'----'+index}}
  • key的作用,帮助vue区分不同的元素,从而提高性能
  • {{item}}+'----'+{{index}}
  • 父组件向子组件传值

    props属性名规则

    这个限制在java script是驼峰式的 在html中是短横线方式的

    在props中使用驼峰形式,模板中需要短横线的形式,字符串形式的模板中没有 子传父 1.子组件传参给父组件主要是通过$emit方法来实现的。

    2.在子组件中使用$emit方法,一般它接受两个参数,第一个是自定义事件(这个事件在父组件中需要用到),第二个参数就是需要传的数据了。

    3.而在父组件里,在调用的标签上引用子组件定义的那个事件,然后事件绑定一个函数。在函数里面进行赋值即可。