拯救世界的光太郎

一、1. 插值语法<template> <div id="app"> {{ name }} <!-- 这里就是插值语法 --> </div></template><script>export default { data () { return { name: '弼马温' } }}</script><style></styl

虚拟Dom什么是虚拟Dom？虚拟Dom是一个JS对象。我们借助JS对象来模拟实现一个Node节点，只需要每个Node节点的标签名、属性、文本、子元素，表示为对象中的键值对即可，看一个简单的????<!-- HTML中的结构 --><div> <h1 style="color: skyblue">测试一下虚拟Dom</h1> <div></div> <button id="btn">点一下试试&lt

1. vuex是什么？怎么使用？哪种功能场景使用它？为vue构建的一个状态集管理。强调集中式管理。vuex的核心包括5大类：state、mutations、actions、getter、modules实例：

我们在起初会完成一些模块，后续会不断地添加模块，如果我们始终在固有的分类文件中进行修改，效率将会很低。可以改变思路，将每个组件chou'cheng├── index.html├── main.js├── api│ └── ... # 抽取出API请求├── components│ ├── App.vue│ └── ...└── store ├── index.js # 我们组装模块并导出 store 的地方 ├── actions..

前言什么是数据双向绑定？　　Vue是一个MVVM框架，即数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。这也算是vue的精髓之处了。值得注意的是，我们所说的数据双向绑定，一定是对于UI控件来说的，非UI控件不会涉及到数据双向绑定。为什么要实现数据的双向绑定？在Vue中，如果使用Vuex，实际上数据还是单向的，之所以说是数据双向绑定，这是对于的UI控件来说，对于我们处理表单，Vue的双向数据绑定用起来就特别舒服了。　　即两者并不互..

前言使用vue也好有一段时间了，虽然对其双向绑定原理也有了解个大概，但也没好好探究下其原理实现，所以这次特意花了几晚时间查阅资料和阅读相关源码，自己也实现一个简单版vue的双向绑定版本，先上个成果图来吸引各位：代码： 效果图：是不是看起来跟vue的使用方式差不多？接下来就来从原理到实现，从简到难一步一步来实现这个SelfVue。由于本文只是为了学习和分享，所...