vm
vm是什么?
答:vm是一个对象,它用来监听页面上数据的变化,自动地帮我们渲染前端页面。(用来监听view层)
插值表达式
插值表达式的作用?
答:插值表达式是一个占位符,用来解析vm上的数据,然后把解析好的数据渲染到页面上。
v-text
使用场景:
答:v-text指令,会把元素内部的内容替换掉,只能被使用在元素的属性节点上。
v-html
使用场景:
答:当服务器返回的数据中,包含HTML标签时,这些标签就只能用v-html来渲染;但是,v-html很危险,容易导致xss攻击,只能用在安全的场景,永远不用在用户的表单数据中。
v-bind
v-bind它是绑定给谁的?
答:v-bind绑定给属性的。
v-for
渲染数组的几个参数:
两个,分别为数组中的每一项item,以及索引index;
渲染兑现过的几个参数:
三个,分别为对象的值value,键key,以及索引index
:key的使用方法:
v-for="(item,index)in arr" :key="for循环里面的一个唯一标识";
v-model
作用:视图层和model层数据绑定,数据同步,实时更新;
只能在input select textarea中使用。
v-on
1.绑定事件(v-on:任意事件=执行函数/@/可以传参/事件对象)
2.下面有stop/prevent,stop阻止冒泡,prevent阻止默认事件;
3.添加事件默认符:@keyup.enter---------(输入框)
if和show
我们使用vue去控制我们的dom和我们之前用jquery控制我们的dom有什么不一样,vue是用什么控制dom?
答:jQuery是使用选择器($)选取DOM对象,对其进行赋值、取值、事件绑定等操作;而vue是将数据和dom元素分离了,不需要对dom进行相应的选取,直接通过vue构造函数new出来一个vm对象,再对vm这个对象进行相应的操作和数据绑定,就可以动态地渲染页面。
网友评论