vue
文章平均质量分 66
DIVI_ZHANG
这个作者很懒,什么都没留下…
展开
-
vue 中import和export如何一起使用
vue 中import和export如何一起使用前段时间碰到一个问题,vue js中要使用import来加载第三方的js,但是后面使用exports.XXX的话会报exports is not defined。那要怎么解决呢? 首先,我们要了解ES6中是import和exports之间有什么区别? import: 是引用第三方文件。import+(常量 | 函数 | 文件 | 模块)名 exp原创 2017-10-12 11:53:49 · 20122 阅读 · 1 评论 -
浅析Vue源码(六)—— $mount中template的编译--generate
上两文章 浅析Vue源码(四)—— $mount中template的编译–parse 浅析Vue源码(五)—— $mount中template的编译–optimize parse,optimize函数的功能,这里,我们主要介绍generate。 generate 函数主要功能就是根据 AST 结构拼接生成 render function 的字符串。 export function generate...原创 2018-10-05 16:08:22 · 339 阅读 · 0 评论 -
浅析Vue源码(五)—— $mount中template的编译--optimize
上篇文章浅析Vue源码(四)—— $mount中template的编译–parse,我们介绍了compile 的 parse部分,至此我们完成了对一个html字符串模板解析成一个AST语法树的过程。下一步就是我们需要通过optimize方法,将AST节点进行静态节点标记。为后面 patch 过程中对比新旧 VNode 树形结构做优化。被标记为 static 的节点在后面的 diff 算法中会被直接...原创 2018-10-05 16:07:26 · 240 阅读 · 0 评论 -
浅析Vue源码(四)—— $mount中template的编译--parse
$mount mount是什么?−−mount是什么?--mount是什么?−−mount是手动加载的过程,接下来让我们看看具体是怎么实现的: src/platforms/web/entry-runtime-with-compiler.js /*把原本不带编译的$mount方法保存下来,在最后会调用。*/ const mount = Vue.prototype.$mount /*挂载组件,带模板...原创 2018-10-05 16:06:01 · 339 阅读 · 0 评论 -
浅析Vue源码(三)—— initMixin(下)
这片文章主要是根据上一篇文章《浅析Vue源码(三)—— initMixin(上)》去解读 initMixin后续的执行过程,上篇我们已经可以看到,接下来主要会发生这几个操作过程: initLifecycle(vm) initEvents(vm) initRender(vm) callHook(vm, 'beforeCreate') initInjections(vm) initState(vm) ...原创 2018-10-04 00:22:25 · 320 阅读 · 0 评论 -
浅析Vue源码(二)—— initMixin(上)
在上一篇文章《浅析Vue源码(一)-- 造物创世》中提到在定义了一个 Vue Class的时候会引入initMixin 来初始化一些功能,这篇文章就来讲讲initMixin到底初始化了哪些原理呢? initMixin来源init.js let uid = 0 export function initMixin (Vue: Class<Component>) { Vue.prot...原创 2018-10-04 00:21:04 · 1308 阅读 · 0 评论 -
Vue解析--如何应对面试官提问
近期不断面试中,面试官都会提一些关于Vue相关的源码和“全家桶”之类的问题。那么针对这些提问,我们应该如何更好应答呢?在这里我把对Vue的理解整理出来供大家来参考。 1.Vue是什么? Vue是一套构建用户界面的渐进式框架,也是一个非常典型的 MVVM 的程序结构(model-view-viewmodel)。 官方用语: Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐...原创 2018-10-04 00:19:40 · 1090 阅读 · 0 评论 -
Vue axios post传值到后台时获取不到
Vue axios post传值到后台时获取不到 Axios post 参数为null 解决: 引用qs, 安装qs模块 (npm install –save qs) main.js 里的代码截图 同时要在main里加上这个head axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-url...原创 2018-05-29 17:16:35 · 4056 阅读 · 0 评论 -
浏览器预览本地资源文件
浏览器预览本地资源文件 由于浏览器安全策略的限制,javascript程序不能自由地访问本地资源,这是对用户信息安全来说,是一项不得不遵守的准则。假如网络上的javascript程序可以自如地访问用户主机的本地资源,那么浏览器用户将毫无安全可言。尽管有这个安全限制,但是在得到用户允许的情况下,浏览器还是可以访问本地资源的。 获得用户允许的方法就是通过标签来让用户手动选择文件,这一过程就是用户授...原创 2018-05-11 16:06:45 · 2661 阅读 · 0 评论 -
flux架构浅谈:什么数据才应该放store
flux架构浅谈:什么数据才应该放storeflux的机制已经有太多文章写过了,这里就不再多说。如果还不了解的,推荐大家去看一下阮一峰的阮一峰老师的Flux 架构入门教程。Redux在这方面就做得很棒,它的store只有一个,并且引入了immutable的概念,使得store的可预测性更进一步。但是它的异步操作是痛点,虽然有如saga这种优秀的中间件,但对于新手来说,还是很容易绕晕。vuex这方面做转载 2018-02-28 21:51:26 · 370 阅读 · 0 评论 -
浅析Vue源码(七)——render到VNode的生成
浅析Vue源码(四)—— $mount中template的编译–parse 浅析Vue源码(五)—— $mount中template的编译–optimize 浅析Vue源码(六)—— $mount中template的编译–generate 前面我们用三片文章介绍了compile解析template,完成了 template --> AST --> render function 的过程...原创 2018-10-06 15:36:35 · 1796 阅读 · 0 评论