首页 > 其他分享 >你对 Vue.js 的template 编译的理解?

你对 Vue.js 的template 编译的理解?

时间:2022-11-07 22:48:15浏览次数:41  
标签:Vue 函数 render -- js 编译 template

template 是 ES5 新出的语法 ,template 是不会被页面显示的,但是 vue 中会被翻译成 dom 结构 ;

 

template 编译的过程 :

  parse 解析生成ast 抽象语法树 --- ----- -  - -- -generate() 生成 render 函数 -- --- -- -- -  调用 new Watcher() 函数 监听数据变化   -------- render 函数返回vnode 

ps:每个组件都有一个 render 函数 ,render 函数都会返回一个虚拟dom ;

 

标签:Vue,函数,render,--,js,编译,template
From: https://www.cnblogs.com/zhulongxu/p/16867737.html

相关文章

  • Vue require is not defined
    vue中想动态引入资源,而且涉及到ifelse的判断条件的,类似于vue/index.js中的if(process.env.NODE_ENV==='production'){module.exports=require('./dist/vue.......
  • Vue 如何实现组件的切换
    使用场景:我们开发项目的时候,会遇到组件之间的切换,一般都是创建组件销毁组件来回切换;但是现在需求是切换组件的时候,另一个组件不会销毁;基于这个需求,我们使用keep-live......
  • VUE3初学
    VUE初学创建一个Vue项目powershell中运行vueui 认识Vue各个文件夹(20条消息)前端Vue项目架构-文件夹作用的分析总结_码大星的博客-CSDN博客 .Vue文件 t......
  • day26 Vue相关内容及深拷贝和浅拷贝
    Vue相关内容概述:Vue是前端的一个Js库(诞生于2015年,兴起于2016年,尤雨溪写的(目前是阿里巴巴在维护)),vue是MVVM模式的框架.MVVM概述:model数据v......
  • Threejs下雪效果
    目的尝试一下通过粒子系统制造下雪的效果原理方法一:通过BufferGeometry绘制n个点,并给点材质传下雪的贴图,渲染的时候对点进行旋转,来实现下雪的效果。方法二:通过精灵模型......
  • Vue路由实现的底层原理
    在Vue中利用数据劫持defineProperty在原型prototype上初始化了一些getter,分别是router代表当前Router的实例、router代表当前Router的实例、router代表当前Router的实例......
  • jsp传入servlet数据
    面对老师的19级期末,要用到jsp传入servlet的数据传输,借鉴了其他人的代码,以下是我的程序jsp界面:<%request.getSession().setAttribute("data","怎么写");%>servlet界面:St......
  • js原生轮播图
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"conten......
  • day27 CSS浮动、溢出 & js基本语法
    接day26CSS=>CSS定位overflow属性值描述示例visible默认值,内容不会被修剪,会呈现在元素框之外hidden内容会被修剪,并且其余内容是不可见的overflow:hidd......
  • js es5和es6
    ES5新增内容严格模式概述:我们普通书写的js代码并没有特别多的规范,甚至在某些时候可以随意发挥,这种模式被称为怪异模式。相对而言一种更加规范化的模式被称为严格模式。严......