dev/prod 文件是预构建的，但是根据 process.env.NODE_env 会自动需要相应的文 件。 如果需要在客户端上编译模板 (即：将字符串传递给 template 选项，或使用其在 DOM 中 HTML 作为模板挂载到元素)，你需要编译器，因此需要完整的版本： 1. // 需要编译器 2. Vue.createApp({ 3. template: '

VueJS. Virtual DOM VueJS makes the use of virtual DOM, which is also used by other frameworks such as React, Ember, etc. The changes are not made to the DOM, instead a replica of the DOM is created which latter is compared with the original data structure. The final changes are then updated to the real DOM, which the user will see changing. This is good in terms of optimization, it is less expensive and to the DOM elements to listen to the events in VueJS. Animation/Transition VueJS provides various ways to apply transition to HTML elements when they are added/updated or removed from the DOM. VueJS

Vue.js Library Component Map name/props/events… Renderer Vue.js Core vnode/events… DOM Emulating Document/Element/ Text… CSS Matcher RegExp Runtime template/script/style vue-plugin Compiler hippy-vue-css- loader CSS Selector Apply the styles Console Global JavasSript Virtual DOM CSS Reverse Selector Apply styles to DOM Component Translator to Native node-ops Hippy-Vue 模板 Hello Buffer 样式 CSS Matcher RegExp CSS AST hippy-vue-css- loader CSS Reverse Selector Apply styles to DOM #id { color: red } #id .class { background-color: blue } [ { selector: [['#id']], style:

运⾏行行时⽀支持 维护 mp 对象实例例 mpvue runtime 实例例间⽣生命周期互通 维护 Vue 对象实例例 mp 触发事件 + Vue 执⾏行行回调函数 Vue 维护数据模型和虚拟 dom ⼩小程序负责视图层渲染 mpvue runtime 实现 事件函数 mp 对象 AppData ⽣生命周期 事件函数 Vue 对象 data ⽣生命周期 事件代理理机制 数据同步机制

XML, Web Services, and Internationalization. He is a former Chair of the Document Object Model (DOM) Working Group. Now and the Future Michael Yeung Michael Yeung，毕业于加州大学柏克萊分校 电机及电脑科学系，而后在麻省理工学院取得