欢迎光临散文网 会员登陆 & 注册

J1an

2023-07-12 00:36 作者:-张什么  | 我要投稿

一、Vue 父子组间通过传逢参数共完成数据通信,  请简述父组件向子组件传值过程。

(1) 子组件在props 中创建一个属性,用来接收父组件传过来的值;                                

(2) 在父组件中注册子组                                                                                      

(3) 在子组件标签中添加子组件props 中创建属性,把需要传给子组件的值赋值该属


二、详细说明 Vue 实例中 data 、computed 和 watch 的作用。

data 是存放页面区域需要的数据。computed 计算属性,某个属性的值依赖于其他属性的值并通过计算结果获得,它 根据依赖的数据动显示新的计算结果。watch 监视器(侦听器) :对data 的数据监听回调,当依赖的data 的数据变化时, 会执行回调函数中会传入newVal oldVal 两个参数


 三、以定义和使用范围角度,   阐述全局组件和局部组件的区別

1、使用范围不同,全局组件可以在页面中任何位置使用,局部组件只能在定义它的el  中使用,能再不其他位置使用,

否则就无法生效。                                                                                                                                                              

2、定义组件的方法不同,全局组件可以使用Vue.component(tagName,options)”定义,局部组件可以通过Vue  component 属性定义。

四、简述什么是 Vue 实例的生命周期,   并简述 Vue 实例生命周期包含些阶段。

每—个Vue 实例都有一个完整生命周期,即创建、初始化数据、编译模板、挂载DOM 、渲染更新渲染、销毁等一 承列过程,称之为Vue 的生命周期。                                                                                                                                    (1) 初始化事件与生命周期阶段,初始化注入与校验阶段                                                                                                 (2) 编译模板阶段,挂载阶段         3) 运行阶段,销毁阶段   


五、Vue 父子组件间通过传递参数来完成数据通信,  请简述组件向父子组件传值过程。

子组向父子组件传值过程。

1) 子组件中需要以某种方式 (如点击事件) 的方法来触发一个自定义的事件;   

2) 将需要传的值作为$emit 的第二个参数,该值将作为实参传给响应事件的方法;

3) 在父组件中注册子组件并在子组件标签上绑定自定义事件的监听。

组件向子组件传值

1) 子组件在props 中创建一个属性,用来接收父组件传过来的值;   

2) 在父组件中注册子组件;

3) 在子组件标签中添加子组件props 中创建的属性,把需要传给子组件的值赋给该属性

六、Vue 是基于 MWVM 模式实现的框架,  请简述什么是 MVVM 模式。

MVVM模式是前端视图层的分层开发思想,主要把每个页面分成ModelViewViewMode  三部分,简写MVVM.      1) M  (Model) :数据模型,即数据,指JavaScript  中的数据,如对象、数组等,或从后端获取的数据列表。Model 是应用 序业务逻辑数据封装的载体。2) V (View):视图,页面中的HTML  结构,它负责将数据模型转化成UI 展示出来。3)              VM(ViewModel): View Model 之问的调度者,同步View Model Vue 实例对象。

七、写出 5 种 Vue 中的指令和它的作用    (功能相似的计为一种)

 3、v-show显示内容;     4、v-hide 隐藏内容8、 v-text 解析文本;    9、v-html解析html标签; 12、 v-cloak 防止闪烁; 



J1an的评论 (共 条)

分享到微博请遵守国家法律