![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
晨梦天旭
学习前端,加油
展开
-
vue生命周期
前言 继续继续 正文 先贴出官网的生命周期图: 根据例子来了解一下: <div id="app"> {{data}} </div> var a = new Vue({ el: "#app", data(){ return { data:'aaa',原创 2019-03-15 15:39:29 · 145 阅读 · 0 评论 -
vue ssr渲染
前言 前段时间做了一个vue服务器渲染项目,今天来总结一下。 正文 什么是服务器端渲染 (SSR) Vue.js 是构建客户端应用程序的框架。默认情况下,可以在浏览器中输出 Vue 组件,进行生成 DOM 和操作 DOM。然而,也可以将同一个组件渲染为服务器端的 HTML 字符串,将它们直接发送到浏览器,最后将这些静态标记"激活"为客户端上完全可交互的应用程序。 为什么使用服务器端渲染 (SSR)...原创 2019-03-15 19:09:31 · 255 阅读 · 0 评论 -
diff算法
前言 Vue和React都是采用虚拟dom渲染的,当节点更新是用diff算法来比较。 正文 diff比较方式 在采取diff算法比较新旧节点的时候,比较只会在同层级进行, 不会跨层级比较。 <div> <p>123</p> </div> <div> <span>456</span> </di...原创 2019-03-21 09:26:09 · 1852 阅读 · 0 评论 -
v-model 原理
正文 先贴出示例代码: <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="conten...原创 2019-03-21 11:06:34 · 518 阅读 · 0 评论 -
vue双向绑定
正文 vue是通过Object.defineProperty()来实现数据劫持的。 我们先来看看Object.defineProperty()能干什么: Object.defineProperty() Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 并返回这个对象。 Object.defineProperty(obj, prop,...转载 2019-03-21 14:27:04 · 187 阅读 · 0 评论 -
vue-router
标题转载 2019-03-25 15:22:21 · 166 阅读 · 0 评论