黄岛网站建设公司哪家好申请一个网站

当前位置： 首页 > news >正文

黄岛网站建设公司哪家好,申请一个网站,贵州网站建设吧,赣州人才网下载1, 如何让CSS只在当前组件中起作用#xff1f;在组件中的style前面加上scoped2、keep-alive/keep-alive的作用是什么?keep-alive 是 Vue 内置的一个组件#xff0c;可以使被包含的组件保留状态#xff0c;或避免重新渲染。3, vue组件中如何获取dom元素?使…1, 如何让CSS只在当前组件中起作用在组件中的style前面加上scoped2、keep-alive/keep-alive的作用是什么?keep-alive 是 Vue 内置的一个组件可以使被包含的组件保留状态或避免重新渲染。3, vue组件中如何获取dom元素?使用ref属性获取, 在组件模板元素中添加ref属性, 在js中用this.\(refs获取4, 说几个vue中的指令和它的用法v-model双向数据绑定v-for循环v-if, v-show 显示与隐藏v-bind 动态绑定属性v-on事件绑定v-once: 只绑定一次5, v-on指令可以同时监听多个函数吗?可以, v-on的事件监听类似于DOM原生api添加事件监听者addEventListener6, vue循环中为什么使用key?需要使用key来给循环中每个节点做一个唯一标识要保证一个循环中key的值各不相同, 以避免vue中的重用机制造成可能的渲染异常. 从底层来看, key属性主要为了Diff算法就可以正确的识别此节点。并高效的更新虚拟DOM。7, vue的组件配置对象中都有哪些常用字段分别是什么作用Data 组件中的数据props 组建的属性数据,接收父组件的传值computed 计算属性components 定义或引用子组件methods 自定义函数watch 属性监听filters 数据过滤器mounted 等生命周期函数8,分别简述computed和watch的使用场景computed:　　　　当一个属性受多个属性影响的时候就需要用到computed　　　　例子购物车商品结算的时候watch:　　　　当一条数据影响多条数据的时候就需要用watch　　　　例子搜索数据9, 列举一下Vue组件生命周期函数什么时候需要在destroyed中写代码beforeCreate created beforeMount mounted beforeUpdate updated beforeDestroy destroyed 当前页面有事件监听器或者计时器时,需要在destroyed中取消或销毁10, vue路由的钩子函数有哪些?全局的路由钩子函数beforeEach、afterEach单个的路由钩子函数beforeEnter组件内的路由钩子函数beforeRouteEnter、beforeRouteLeave、beforeRouteUpdate11, 介绍以下vue组件内的路由守卫(即路由的生命周期/钩子函数)有哪些参数tofromnextvue组件中的路由钩子方法有beforeRouteEnter 进入路由前调用。这里组件还未创建, 不能使用thisbeforeRouteUpdate 路由更新之前被调用, 组件不会重新初始化, 可以使用thisbeforeRouteLeave 离开路由之前被调用可以访问里面的this属性方法中都有三个参数: to:即将要进入的目标路由对象from:当前导航即将要离开的路由对象next 调用该方法后才能进入下一个路由钩子函数12, vue中数据绑定是怎么实现的双向绑定指令v-model的本质是什么Vue组件data中的数据在组件创建时都会被改造为set,get类型的属性当数据发生变化时set方法就会调用set方法中添加了重新渲染的代码。v-model相当于 v-bind:value 加 v-on:input13, vue中怎么实现非父子组件之间的传值在项目规模不是特别大时可以创建一个空组件作为总线项目中其他组件都可以通过总线进行传值。大大型项目中可以使用vuex进行数据管理将数据统一放在store中进行管理。也可以在路由跳转时,通过路由传值14, vue中路由如何传值?(1, 使用url拼接字符串的形式传值 使用\)route.query接收(2, 使用友好URL传值 使用\(route.params接收(3, 使用命名路由params字段传值 使用\)route.params接收(4, 使用query对象传值 使用\(route.query接收15, vue中有哪些数据传递方式?(1, 组件传值: 父传子,通过props属性或slot插槽传递, 子传父,通过\)emit发射自定义事件传递, 非父子,通过bus总线传递(2, 路由传值: 可通过url路径传值和编程式导航对象传值(3, vuex状态管理传值16, vuex如何使用?首先在项目中npm install vuex 安装 新建vuex状态管理文件,导入vuex并添加状态数据在组件中使用mapState()函数映射状态数据并使用在组件中使用commit()函数提交申请修改状态数据17, Vuex的核心概念有哪些组件如何使用store中的数据如何改变store中的数据state 基本数据 在组件中使用mapState()函数把状态数据映射入组件即可使用getters 从基本数据派生的数据 我们在组件中使用 \(store.getters获取数据mutations 提交更改数据的方法同步 我们在组件中使用 \)store.commit(,params)修改数据actions 像一个装饰器包裹mutations使之可以异步。 使用mapAction()映射入组件使用modules 模块化Vuex18, vue中如何处理跨域请求vue中处理跨域请求一般要设置代理服务器实现跨域, 在vue项目的根目录中手动创建vue.config.js配置文件,在devServer字段中配置服务器代理在使用axios请求数据时直接使用代理地址19, axios和ajax的区别axios是通过promise实现对ajax技术的一种封装就像jQuery实现ajax封装一样。简单来说ajax技术实现了网页的局部数据刷新axios实现了对ajax的封装。 20, vue和react有哪些异同点?相同点(1, 都通过虚拟DOM实现了视图的渲染与更新(2, 都是组件化编程, 把整个项目分割成一个个的组件来实现(3, 都有单向数据流的规则执行数据流动, 父组件通过props属性向子组件传值不同点(1, vue常用html标签模板,使用js实现逻辑,视图与逻辑分离, react使用jsx语法实现模板, html与js相结合(2, vue组件中的data数据可以直接调用并更新 而react中的state数据需要使用setState()函数执行更新(3, vue属于渐进式前端框架,更适用于开发小型,灵活的项目, react生态更丰富,更适用于开发专业,大型的项目(4, vue在组件中提供了指令,过滤器,属性监听等,可以方便快捷的操作DOM21, vue有哪些常用的UI组件库element (PC端) VUX (移动端), Mint UI(移动端)Vant (移动端)22, vue中v-if和v-show有什么区别v-if的原理是根据判断条件来动态的进行增删DOM元素, 比较耗费性能和内存, 频繁显示隐藏不建议使用v-show是根据判断条件来动态的进行显示和隐藏元素, 通过设置样式display为block和none来实现, 适用于频繁显示隐藏的情况23, vue有哪些优缺点:优点: (1 简单好用 Vue.js包含基于HTML的标准模板可以更轻松地使用和修改现有应用程序。(2 单页面应用, 使用单文件组件结构, 用户体验好, (3 性能比较好相比其他框架, 它占用更少的空间并提供更好的性能。(4 基于MVVM模式, 数据驱动视图, 更高效(5 适应性强组件化设计可以提高开发效率,方便代码复用, 提升整个项目的可维护性缺点: (1, vue生态环境不如react和angular, 但有追赶和超越的趋势(2, vue不支持IE8(3, vue封装的比较深入,不利于seo优化, 报错不明显, 24, 什么是MVVM?MVVM是model-view-viewModel的简写, 它是一种开发模式, 它实现了视图和数据逻辑之间的分离, model模型指的是后端传递的数据, view视图指的是所看到的页面, viewModel是连接视图view和模型model的桥梁, 从而实现模型model到视图view的转化 和 视图view到模型model的转化, 也就是我们所说的双向数据绑定, 使用MVVM模式实现的前端框架有 vue 和 react25, vue项目怎么打包app ?(1 首先使用webpack打发布包, npm run build(2 然后通过Hbuilder 新建H5App项目(3 把第一步打包出的dist文件夹导入项目(4 在项目中的manifest.json文件中进行打包配置(5 点击Hbuilder工具菜单栏发行中的 原生App-云打包 26, vue中虚拟DOM的实现原理 虚拟DOM是通过js对象的结构来记录html标签节点, 当组件数据更新需要渲染视图时,先用diff算法计算变化前后js对象(也就是虚拟DOM树)结构的不同, 得到最小差异, 然后针对性的更新部分真实DOM节点, 这样可以极大提高视图渲染效率, 节省内存消耗 27, 请说下封装vue 组件的过程(1. 建立组件的模板先把架子搭起来写写样式考虑好组件的基本逻辑。(思考1小时码码10分钟程序猿的准则。)(2. 准备好组件的数据输入。即分析好逻辑定好 props 里面的数据、类型。(3. 准备好组件的数据输出。即根据组件逻辑做好要暴露出来的方法。(4. 封装完毕了直接调用即可