发布于 

术语与指令

选项:

el: 获取指定的容器(具体的标签)element的缩写注:不能指定html和body容器作为试图容器

data: 数据驱动视图 响应式数据必须是 显性的声明 响应式数据必须在data当中提前声明

methods: 声明函数 可以给vm使用也可以提供视图使用 不可使用箭头函数

指令: 标签的扩展功能属性

v-text :相当于innerText

v-html:相当于innerHTML

v-show:样式隐藏display:none

  • v-show使用场景:当元素要频繁的切换显示和隐藏

  • v-if使用常用场景:当渲染的时候,就需要判断是否显示,今后不需要频繁切换

  • true显示 false 隐藏

v-if:通过创建和移除元素隐藏

v-on:事件 简写方式:@click=处理函数

如果给绑定的函数传参需要带括号而且必须带$event

事件修饰符

v-for:遍历 in 或of都一样

v-bind:


本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。