lh_lh_24

Vue

CSS(34) HTML(10) JavaScript(67) OpenLayer(4) TypeScript(1) 前端工程化(14) 数据结构(2) 浏览器(12) 算法(28) 计算机网络(19)

/ 注册

全部文章 / Vue （共28篇）

Vue 生命周期来自专栏

Vue 生命周期 1.定义 vue 的生命周期是指 vue 实例从初始化创建到实例销毁的过程。期间会有8个钩子函数的调用。 2.图解 3.钩子函数使用总结 3.1 beforeCreate beforeCreate 钩子函数，这个时候，Vue 实例的挂载元素 $el 和数据对象 data 都为 u...

2021-08-01

1 571

Vue 的两种路由模式来自专栏

Vue 的两种路由模式参考：https://www.jianshu.com/p/81ccd1124f48 在 vue-router 路由对象中，路由有两种模式： hash 和 history，而默认的是 hash 模式，hash 模式背后的原理是： 1. hash路由 hash 模式 —— 使...

2021-07-21

2 689

Vue常见指令来自专栏

Vue常见指令参考：https://www.cnblogs.com/cl1998/p/14518004.html this.$el 根元素（真实的DOM元素） this.$el.innerHTML 得到根元素（真实的DOM元素）中的内容

前端 Vue

2021-07-21

1 294

Proxy和Object.defineProperty 来自专栏

Proxy和defineProperty 1. Object.defineProperty 用于监听对象的数据变化 1.1 语法 Object.defineproperty(obj, key, descriptor) let obj = { age: 11 } let value = 'xi...

前端 Vue

2021-07-20

1 554

Vue组件通信方式来自专栏

Vue组件通信方式父子组件的关系可以总结为 prop 向下传递，事件向上传递。父组件通过 prop 给子组件下发数据，子组件通过事件给父组件发送消息，如下图所示： 1、父组件向子组件进行传值props 父组件： <template> <div> 父组件:...

2021-07-17

1 484

Vue 来自专栏

Vue Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

2021-07-16

1 392

Vue created 和 mounted 来自专栏

Vue created 和 mounted 一般在 created（或beforeRouter）里面请求数据就可以，如果涉及到需要页面加载完成之后的话就用mounted。在 created 的时候，视图中的 html 并没有渲染出来，所以此时如果直接去操作 html 的 dom节点，一定找不到相...

前端 Vue

2021-07-14

1 414

Vue 3.0 来自专栏

Vue 3.0 1. 性能比 2.0 快 1.1 优化 diff 算法在 vue2 中，虚拟 dom 是全量比较的；vue3 中是增量比较的。在 vue3 中，增加了静态标记 PatchFlag 。在创建 vnode 的时候，会根据 vnode 的内容是否可以变化，为其添加静态标记 PatchF...

前端 Vue

2021-07-14

1 565

vue项目中如何引用第三方库（比如jQuery）来自专栏

vue项目中如何引用第三方库（比如jQuery）（1）绝对路径直接引入在index.html 中用script 引入 <script src="./static/jquery-1.12.4.js"></script> 然后在webpack 中配置ext...

2021-07-14

1 815

v-model 来自专栏

v-model 一则语法糖，相当于 v-bind:value="xxx" 和 @input，意思是绑定了一个 value 属性的值，子组件可对 value 属性监听，通过 $emit('input', xxx) 的方式给父组件通讯。自己实现v-model 方式的组件也是这样的思...

2021-07-14

1 315