![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue面试题
学至分享
这个作者很懒,什么都没留下…
展开
-
vue面试系列(10) vue如何动态加载组件?
简单的事例<template> <div id="app"> <!-- vue.js提供了一个特殊元素 component 用来动态挂载组件 使用is特性来选择挂载的组件--> <component :is="currentName"></component> <!-- 这块可以根据自己的条件去切换 --&...原创 2020-05-07 16:46:25 · 385 阅读 · 0 评论 -
vue面试系列(9) vue组件scoped的作用
vue组件scoped的作用就是让当前组建的样式,仅在当前组建生效。这样的好处有:1、避免在多人开发,造成css样式互相干扰2、解决css类名重复导致的样式错乱问题弊端1、在要修改引入的外部组建样式时,要使用样式穿透。不然修改的样式不生效。.box >>> .box1{ width: 200px;}/* 或者 */.box /deep/ .box1{ wid...原创 2020-04-30 15:37:33 · 492 阅读 · 0 评论 -
vue面试系列(9) 自定义过滤器filters
什么是过滤器 filters?为什么要用它?在页面展示时需要对一些数据做一些格式化操作,然后再渲染在页面上,而不改变数据本身。简单例子:用户输入:35.5我们要给用户:显示成35.5元,但是数据还是35.5<template> <div class="hello"> <!-- 页面显示200元 --> <p>价格:{{price ...原创 2020-04-30 14:58:35 · 358 阅读 · 0 评论 -
vue面试系列(8) v-for和v-if的优先级
在vue中,如果v-for和v-if出现在同一个标签中, v-for的优先级比v-if更高。例如:这意味着 v-if 将分别重复运行于每个 v-for循环中。<ul> <li v-for="(item,index) in list" :key="index" v-if="isShow">{{ item.title }}</li> </ul>...原创 2020-04-30 11:45:08 · 468 阅读 · 0 评论 -
vue面试系列(7) data 为什么必须是函数
vue中组件的data为什么是一个函数?vue的核心就是:数据驱动、组件系统那么既然是组件,就会被n次调用。每次调用都需要返回独立的数据空间。各个组件实例维护各自的数据,不会影响其他组件的数据。如果是单纯的写个对象,可能就会产生所有组件,共用一份data数据的结果...原创 2020-04-30 11:31:53 · 193 阅读 · 0 评论 -
vue面试系列(6) v-on绑定多个方法吗?
v-on绑定多个方法吗?答案:当然可以例如:<p v-on="{click:clickDo,mousemove:MouseDo}"></p>一个事件绑定多个函数:<p @click="one(),two()">点击</p>...原创 2020-04-30 11:06:00 · 632 阅读 · 0 评论 -
vue面试系列(5) vue常用键盘事件
为了在必要的情况下支持旧浏览器,Vue 提供了绝大多数常用的按键码的别名:.enter.tab.delete (捕获“删除”和“退格”键).esc.space.up.down.left.right系统修饰键.ctrl.alt.shift.meta...原创 2020-04-30 09:56:42 · 164 阅读 · 0 评论 -
vue面试系列(4) vue常用事件修饰符
.stop<!-- 阻止单击事件冒泡 --><a v-on:click.stop="doThis"></a>.prevent<!-- 防止执行预设的行为(如果事件可取消,则取消该事件,而不停止事件的进一步传播) --><a v-on:click.stop="doThis"></a>.capture<!-...原创 2020-04-30 09:43:55 · 230 阅读 · 0 评论 -
vue面试系列(1) vue.js的两个核心是什么?
1、数据驱动,也叫双向数据绑定。Vue.js数据观测原理在技术实现上,利用的是ES5Object.defineProperty和存储器属性: getter和setter(所以只兼容IE9及以上版本),可称为基于依赖收集的观测机制。核心是VM,即ViewModel,保证数据和视图的一致性。2、组件系统。.vue组件的核心选项:1、模板(template):模板声明了数据和最终展现给用户的DO...原创 2020-04-30 09:20:06 · 2565 阅读 · 0 评论 -
vue面试系列(2) vue-cli 工程常用的 npm 命令有哪些?
下载 node_modules 资源包的命令:npm install 启动 vue-cli 开发环境的 npm命令:npm run dev vue-cli 生成 生产环境部署资源 的 npm命令:npm run build 用于查看 vue-cli 生产环境部署资源文件大小的 npm命令:npm run build --report用于生成npm发布的包npm run l...原创 2020-04-30 09:16:42 · 422 阅读 · 0 评论 -
vue面试系列(3) v-if和v-show的区别
首先,v-if和v-show都是vue框架内部的指令。都可以实现代码块(元素)的在页面是否显示原理如下:v-if:是根据条件真假,决定是否将元素渲染到我们的DOM树上v-show:是根据条件真假,通过css的display:none属性,来隐藏掉我们的代码块(元素)。无论条件如何都会渲染,只是是否显示的问题。优缺点:v-if:优点:在初次页面渲染时,如果条件不满足(为假),将会缩短DO...原创 2020-04-29 23:11:28 · 285 阅读 · 0 评论