随笔分类 -  Vue

Vue脚手架runtime-only中render函数的参数为什么是h？
摘要：这种写法是 ES6 的简写： 1 import Vue from 'vue'; 2 import App from './App'; 3 new Vue({ 4 el:'#app', 5 render: h=> h(App) 6 }) 转化为 ES5 ： new Vue({ el:'#app', r 阅读全文
posted @ 2020-11-02 15:20 Object_L 阅读(242) 评论(0) 推荐(0)
Vue中的 key 属性
摘要：key属性 1、为什么要添加key属性？ 为了更加高效的更新虚拟DOM。 当某一层有很多的节点，也就是列表节点时，我们希望插入一个新的节点 我们想把F插入到B和C之间，但是在Vue内部默认是这样做的： 把C更新成F，再把D更新成C，再把E更新成D，最后再插入E，这样做的效率很底。 添加key属性之后 阅读全文
posted @ 2020-11-02 10:08 Object_L 阅读(778) 评论(0) 推荐(0)
Vue浏览器调试工具VueTools安装以及使用
摘要：vue-devtools是一款基于chrome浏览器的插件，用于vue应用的调试，这款vue调试神器可以极大地提高我们的调试效率。帮助我们快速的调试开发vue应用。 直接跳转小白版本 安装方法一： 这里以 chrome 浏览器为例： 1、打开 chrome 网上应用店，搜索 vue.js 注：如果打 阅读全文
posted @ 2020-05-29 10:55 Object_L 阅读(32301) 评论(1) 推荐(3)
VueRouter路由跳转报错：vue-router.esm.js?fe87:2100 Uncaught (in promise) NavigationDuplicated
摘要：错误信息： vue-router.esm.js?fe87:2100 Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated", message: "N 阅读全文
posted @ 2020-05-25 18:27 Object_L 阅读(4296) 评论(0) 推荐(0)
尤雨溪在 vue3.0 beta 上推荐的 no webpack 小工具 vite
摘要：前言 在4月21日晚，Vue作者尤雨溪在哔哩哔哩直播分享了Vue.js 3.0 Beta最新进展。 里面尤大大所提到他最近在做的这个小工具 vite ,一个实验性的no build的vue开发服务器。(这个小工具可以支持热更新,且不用预编译) 既然感兴趣那就着手试试，上手体验体验 一丶安装 命令行复 阅读全文
posted @ 2020-04-22 18:13 Object_L 阅读(4159) 评论(1) 推荐(1)
【面试题解析✨】Vue 的数据是如何渲染到页面的？
摘要：面试的时候，面试官经常会问 Vue 双向绑定的原理是什么？我猜大部分人会跟我一样，不假思索的回答利用 Object.defineProperty 实现的。 其实这个回答很笼统，而且也没回答完整？Vue 中 Object.defineProperty 只是对数据做了劫持，具体的如何渲染到页面上，并没有 阅读全文
posted @ 2020-03-26 15:41 Object_L 阅读(2394) 评论(0) 推荐(1)
面试题：你能写一个Vue的双向数据绑定吗？
摘要：在目前的前端面试中，vue的双向数据绑定已经成为了一个非常容易考到的点，即使不能当场写出来，至少也要能说出原理。本篇文章中我将会仿照vue写一个双向数据绑定的实例，名字就叫myVue吧。结合注释，希望能让大家有所收获。 1、原理 Vue的双向数据绑定的原理相信大家也都十分了解了，主要是通过Objec 阅读全文
posted @ 2020-03-20 08:49 Object_L 阅读(246) 评论(0) 推荐(0)
Vue 的生命周期
摘要：[vue实例的生命周期](https://cn.vuejs.org/v2/guide/instance.html #实例生命周期)+ 什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！+ [生命周期钩子]( https://cn.vuejs.or 阅读全文
posted @ 2020-03-16 12:38 Object_L 阅读(175) 评论(0) 推荐(0)