1.v-model的使用?
用V-model指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。
2.v-on可以监听多个方法吗?
可以
3.什么事mvvm?与mvc有什么区别?
MVVM是Model(模型)+View(视图)+ViewModel(视图模型)框架,通过ViewModel连接数据模型Model和View。
Vue是数据驱动,通过数据来显示视图层而不是节点操作。
MVC是模型(model)-视图(view)-控制器(controller)
图片.png
4.常用的几个
v-model
它的值对应于我们创建的Vue实例的data选项中的name字段,这就是Vue的数据绑定。
通过Vue实例的data选项,可以声明应用内需要双向绑定的数据。
{{}}
是最基本的文本插值方法,会自动将我们双向绑定的数据实时显示出来。
v-html:
输出HTML,而不是将数据解释后的纯文本
v-pre:
既可跳过这个元素和它的子元素的编译过程( <span v-pre{{这里的内容是不好被编译的}}</span> )
v-bind:
的基本用途是动态更新HTML元素上的属性,比如id,class等 (v-bind:简化为:)
v-on:
用来绑定事件监听器 (v-on:简化为@)
如果绑定得事件要处理复杂得业务逻辑,建议还是在methods里声明一个方法
components:
所有得计算属性都以函数得形式写在Vue实例内得computer选项内,最终返回计算后得结果
5.基本指令有哪些?
v-cloak
不需要表达式,它会在Vue实例结束编译时从绑定的HTML元素上移除,经常和CSS的display:none
;配合使用 是解决初始化慢导致页面闪动的最佳实践
v-once
作用是定义它的元素或组件只渲染一次,包括元素或组件的所有子节点。
条件渲染指令
v-if、v-else-if、v-else
可以根据表达式的值在DOM中渲染或销毁元素/组件
v-else-if
要紧跟v-if
,v-else
要紧跟v-else-if
或v-if
。
如果一次判断多个元素,可以在Vue.js内置的<template>元素上使用条件指令,最终渲染的结果不会包含该元素。
v-show
改变元素的CSS属性display。当v-show表达式的值为false时,元素会隐藏,查看DOM结构会看到元素上加载了内联样式display:none;
v-show
不能在<template>上使用
网友评论