vue.js
wdapp
May the force be with you !
展开
-
vue模板编译(原理篇)
概念平时使用模板时,可以在模板中使用变量、表达式或者指令等,这些语法在html中是不存在的,那vue中为什么可以实现?这就归功于模板编译功能。模板编译的作用是生成渲染函数,通过执行渲染函数生成最新的vnode,最后根据vnode进行渲染。那么,如何将模板编译成渲染函数?将模板编译成渲染函数此过程可以分成两个步骤:先将模板解析成AST(abstract syntax tree,抽象...原创 2020-03-11 20:18:34 · 714 阅读 · 0 评论 -
Vue.js异步更新DOM策略及nextTick
本篇文章主要是对Vue中的DOM异步更新策略和nextTick机制的解析,需要读者有一定的Vue使用经验并且熟悉掌握JavaScript事件循环模型。引入:DOM的异步更新<template> <div> <div ref="test">{{test}}</div> <button @click="handle...转载 2020-02-24 23:50:06 · 420 阅读 · 0 评论 -
Vue 插槽 废弃语法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue 插槽 废弃语法</title> <style> * { margin: 0; padding: 0; } .header {...原创 2020-02-08 00:50:08 · 428 阅读 · 0 评论 -
Vue组件通信方式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue组件通信方式</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"><...原创 2020-02-07 17:33:42 · 90 阅读 · 0 评论 -
Vue生命周期钩子
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue生命周期钩子</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"><...原创 2020-02-07 17:31:57 · 99 阅读 · 0 评论