面试准备
工作前
jhsyq
这个作者很懒,什么都没留下…
展开
-
vue中slot(插槽)
概念:slot用于将所携带的内容,插入到指定的某个位置,从而使模板分块,具有模块化的特质和更大的重用性。slot显不显示、怎样显示是由父组件来控制的,而slot在哪里显示就由子组件来进行控制无slot在父组件中,子组件标签里内套的内容,是不显示的//父组件<template> <div> //hello不显示,只显示我是子组件 <v-child>hello</v-child> </div></tem原创 2020-05-19 09:15:03 · 153 阅读 · 0 评论 -
vue父子组件通讯-数据传递
父子组件概念:A组件中调用B组件,那么A组件就是父组件,B组件就是子组件例:父组件中通过import的方式导入子组件,并在components属性中注册,然后父组件就可以用标签调用子组件。 <!-- 父组件 --><template> <div> <h1>我是父组件!</h1> <child></child> </div></template><script原创 2020-05-19 08:40:15 · 125 阅读 · 0 评论 -
vue组件全局注册和局部注册
全局注册通过 Vue.component 来创建组件Vue.component('component-a', { /* ... */ })new Vue({ el: '#app' }) //挂载组件在全局注册之后可以用在任何新创建的 Vue 根实例 (new Vue) 的模板中<div id="app"> <component-a></component-a></div>缺点:如果使用 webpack 这样的构建系统,全局注册所有的组件意原创 2020-05-18 15:38:07 · 1460 阅读 · 0 评论 -
v-if和v-show的异同点
相同点v-if和v-show都能控制元素的显示和隐藏。不同点1.实现方法v-if:动态的向DOM树内添加或者删除DOM元素v-show:通过设置css中的display设置为none,控制隐藏2.编译过程v-if:有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件v-show:控制css3.编译的条件v-if:若初始值为false,就不会编译了v-show:都会编译。初始值为false,只是将display设为none,但也会编译4.性能消耗v-if:切换原创 2020-05-18 10:17:07 · 257 阅读 · 0 评论 -
v-bind绑定Class与Style
绑定Class一、对象语法①绑定对象<div class="static" v-bind:class="{ active: isActive, 'text-danger': hasError }"></div>data: { isActive: true, hasError: false}②绑定数据里的一个对象<div v-bind:class="classObject"></div>data: { classOb原创 2020-05-18 09:03:15 · 116 阅读 · 0 评论 -
vue-cli
vue脚手架指的是vue-cli,它是一个专门为单页面应用快速搭建繁杂的脚手架,它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。构建的 vue-cli 工程都到了哪些技术,它们的作用分别是什么?1、vue.js:vue-cli工程的核心,主要特点是 双向数据绑定 和 组件系统。2、vue-router:vue官方推荐使用的路由框架。3、vuex:专为 Vue.js 应用项目开发的状态管理器,主要用于维护vue组件间共用的一些 变量 和 方法。4、axios( 或.原创 2020-05-17 18:02:53 · 203 阅读 · 0 评论 -
Vue双向绑定原理
Vue 则是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。实现过程1.实现一个监听器Observer,用来劫持并监听所有属性,如果有变动的,就通知订阅者。2.实现一个订阅者Watcher,可以收到属性的变化通知并执行相应的函数,从而更新视图。3.实现一个解析器Compile,可以扫描和解析每个节点的相关指令,根据指令模板替换数据,以及绑定相应的更新函数。一、原创 2020-05-17 15:44:11 · 276 阅读 · 0 评论 -
MVC与MVVM
MVCModel(模型):表示应用程序核心(如数据库)View(视图):显示效果(HTML页面)通常视图是依据模型数据创建的。Controller(控制器):处理输入(业务逻辑)通常控制器负责从视图读取数据,控制用户输入,并向模型发送数据。优点耦合性低重用性高生命周期成本低部署快可维护性高有利软件工程化管理缺点没有明确的定义不适合小型,中等规模的应用程序增加系统结构和实现的复杂性视图与控制器间的过于紧密的连接视图对模型数据的低效率访问一般高级的界面工具或构造器不支持原创 2020-05-17 10:45:04 · 166 阅读 · 0 评论 -
Vue与React的异同点
相同点:1.都支持服务器端渲染2.都有Virtual DOM,组件化开发,通过props参数进行父子组件数据的传递,都实现webComponent规范3.数据驱动视图4.都有支持native的方案,React的React native,Vue的weex5.都有管理状态,React有redux,Vue有自己的Vuex(自适应vue,量身定做)不同点:1.监听数据变化的实现原理不同Vue:通过 getter/setter以及一些函数的劫持,能精确知道数据变化。React:通过比较引用的方式(d原创 2020-05-17 09:22:04 · 899 阅读 · 0 评论 -
Vue的运行机制
1. 初始化在 new Vue() 之后。 Vue 会调用 _init 函数进行初始化初始化过程:①初始化生命周期、事件、 props、 methods、 data、 computed 与 watch 等②通过 Object.defineProperty 设置 setter 与 getter 函数,用来实现「响应式」以及「依赖收集」2.挂载组件调用$mount挂载组件3.编译*(如果是运行时编译,即不存在render function但是存在template的情况,需要进行编译步骤。)①p原创 2020-05-16 17:04:08 · 1227 阅读 · 0 评论