![](https://img-blog.csdnimg.cn/20190918140145169.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue面试考点
Vue面试考点
zpfnext
这个作者很懒,什么都没留下…
展开
-
何时需要使用keep-alive
缓存组件,不需要重复渲染如多个静态Tab页的切换优化性能原创 2020-10-12 10:16:55 · 887 阅读 · 0 评论 -
何时使用异步组件?
加载大组件路由的异步加载原创 2020-10-12 10:13:55 · 439 阅读 · 0 评论 -
如何实现自己的v-model
ajax请求放在哪个生命周期?在created的时候,视图中的dom并没有被渲染出来,所以此时如果直接去操作dom节点,无法找到相关元素。在mounted中,由于此时的dom元素已经渲染出来了,所以可以直接使用dom节点。一般情况下,都放在mounted中,保证逻辑的统一性。因为生命周期是同步执行的,ajax是异步执行的。服务端渲染不支持mounted方法,所以在服务端渲染的情况下统一放在created中。...原创 2020-10-12 09:50:45 · 557 阅读 · 0 评论 -
ajax请求应该放在哪个生命周期
在函数内声明实例属性保存data,每个实例对象的data都是经过一次函数执行得到有不同的返回结果,所以返回data的值具有自己独立的作用域。在定义Vue实例时,给Vue传参是一个对象,对象中data就是一个函数,Vue在实例化的时候会调用这个函数每个实例都会返回新的值,data得到不同的值作用域另外,赋值函数不一定要定义在原型上,也可以定义为函数或类的实例方法总结对象为引用关系,当复用组件时,由于数据对象都指向同一个data对象,当找一个组件中修改data时,其他重用的组件中的data会同时被修改,原创 2020-10-12 09:40:33 · 1597 阅读 · 0 评论 -
为何组件data必须是一个函数
--><!-- 动态组件 --><!-- <component :is="NextTickName"/> --><!-- 异步组件 --><!-- <FormDemo v-if="showFormDemo"/><button @click="showFormDemo = true">show form demo</button> --><!-- keep-alive ...原创 2020-10-12 09:34:34 · 68 阅读 · 0 评论 -
vue面试考点梳理
1.<template> <div> <p>文本插值 {{message}}</p> <p>JS 表达式 {{ flag ? 'yes' : 'no' }} (只能是表达式,不能是 js 语句)</p> <p :id="dynamicId">动态属性 id</p> <hr/> <p v-html="ra原创 2020-10-12 09:20:22 · 143 阅读 · 0 评论 -
vue高级特性:mixin
<script>import Input from './Input'import List from './List'export default { components: { Input, List原创 2020-10-11 15:59:06 · 56 阅读 · 0 评论 -
vue高级特性:keep-alive
<script>import Input from './Input'import List from './List'export default { components: { Input, List原创 2020-10-11 15:58:20 · 107 阅读 · 0 评论 -
vue高级特性-动态异步组件
<script>import Input from './Input'import List from './List'export default { components: { Input, List原创 2020-10-11 15:57:15 · 171 阅读 · 0 评论 -
vue高级特性-slot
<script>import Input from './Input'import List from './List'export default { components: { Input, List原创 2020-10-11 15:56:38 · 101 阅读 · 0 评论 -
vue高级特性-$nextTick与refs
<script>import Input from './Input'import List from './List'export default { components: { Input, List原创 2020-10-11 15:56:03 · 96 阅读 · 0 评论 -
vue高级特性-自定义v-model
<script>import Input from './Input'import List from './List'export default { components: { Input, List原创 2020-10-11 15:54:56 · 92 阅读 · 0 评论 -
Vue组件如何通讯?
在diff算法(详解vue的diff算法)中,key可以管理可复用的元素,减少不必要的元素的重新渲染,也要让必要的元素能够重新渲染。references:原创 2020-10-10 20:38:08 · 67 阅读 · 0 评论 -
为何v-for中要用key?
1.原创 2020-10-02 23:47:27 · 126 阅读 · 0 评论 -
双向数据绑定v-model的实现原理?
const instanceOf = (A,B) => {let p =A;while§ {if(p === B.prototype) {return true}p = p.proto}return false}1原创 2020-10-02 23:52:49 · 266 阅读 · 0 评论 -
描述组件渲染和更新的过程
const instanceOf = (A,B) => {let p =A;while§ {if(p === B.prototype) {return true}p = p.proto}return false}1原创 2020-10-02 23:51:44 · 436 阅读 · 0 评论 -
Vue组件如何通讯?
const instanceOf = (A,B) => {let p =A;while§ {if(p === B.prototype) {return true}p = p.proto}return false}1原创 2020-10-02 23:51:03 · 48 阅读 · 0 评论 -
vue生命周期执行顺序(有父子组件情况)
const instanceOf = (A,B) => {let p =A;while§ {if(p === B.prototype) {return true}p = p.proto}return false}1原创 2020-10-02 23:48:59 · 225 阅读 · 0 评论 -
---------------------------vue创建项目之vue init 和 vue create的区别-----------------------------------------
vue init是vue-cli2.x的初始化方式,可以使用github上面的一些模板来初始化项目webpack是官方推荐的标准模板名使用方式:vue init webpack 项目名称electron-vue的模板使用方式:vue init simulatedgreg/electron-vue 项目名称vue create是vue-cli3.x的初始化方式,模板是固定的,模板选项可自由配置使用方式:vue create 项目名称...原创 2020-10-10 18:43:28 · 149 阅读 · 0 评论 -
Vue中的样式绑定
董娜18247539581收货地址:内蒙古自治区 通辽市 科尔沁左翼后旗 甘旗卡镇金地鑫居门口泽强药店325店原创 2020-10-10 18:20:55 · 251 阅读 · 2 评论 -
v-show和v-if的区别?
const instanceOf = (A,B) => {let p =A;while§ {if(p === B.prototype) {return true}p = p.proto}return false}1原创 2020-10-02 23:46:49 · 67 阅读 · 0 评论 -
网上下载别人的vue项目如何运行在本地
1.先删除node_modules2.找对项目目录 npm install (cnpm install)3.查看项目目录是否写对,执行 npm run dev (cnpm run dev)原创 2020-10-10 18:44:22 · 894 阅读 · 0 评论