1.v-model是什么?怎么使用?vue中标签怎么绑定事件?
一、v-model就是vue的双向绑定的指令,能将页面上控件输入的值同步更新到相关绑定的data属性,也会在更新data绑定属性时候,更新页面上输入控件的值。用于表单数据的双向绑定,其实它就是一个语法糖
二、v-model 本质上不过是语法糖
可以用 v-model 指令在表单 、 及元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 data 选项中声明初始值。
v-model 在内部为不同的输入元素使用不同的属性并抛出不同的事件:
text 和 textarea 元素使用 value 属性和 input 事件
checkbox 和 radio 使用 checked 属性和 change 事件
sele
2.路由跳转时,params和query的区别?
1.用params传参的时候
页面跳转之后的页面路径为http://localhost:8080/#/index
这种传参方法:
1.用户看不到具体的参数值,相对安全
2.当页面刷新的时候传递的参数id在该页面中就不存在了。
3.params传参的时候,只能用name引入路由,不能使用path引入
2.用query传参的时候
页面跳转之后的页面路径http://localhost:8080/#/index?id=1
这种传参方法:
1.传递的参数值会暴露在页面路径中,不安全
2.当页面刷新的时候,传递的参数不会消失
3.query传参的时候,可以同时使用name和path引入路由
3.vuex存储和本地存储(localstorage、sessionstorage)的区别?
1、实质的区别
vuex存的是状态,存储在内存,localstorage是浏览器提供的接口,让你存的是文件,以文件的形式存储在本地
2、应用场景
vuex用于组件之间的传值,localstorage则主要用于页面之间的传值
3、永久性
当刷新页面时,vuex存储的值会丢失,localstorage不会
标签:传参,面试题,前端,绑定,localstorage,model,vuex,页面 From: https://blog.csdn.net/qq_61132537/article/details/140429923