vue
大奔的大葱
程序猿???
展开
-
Vue全局组件注册+require.context()函数
Vue全局组件注册+require.context()函数在一个项目中,如果某些组件频繁的使用,我们则需要频繁的引入和注册,我们可以通过require.context()函数匹配到这些组件统一进行全局注册。1. 创建globalComp.js文件目录结构:// 1. globalComp.jsimport Vue from 'vue'// 处理首字母大写 abc => Abcfunction changeStr(str) { return str.charAt(0).toUppe原创 2020-11-17 11:45:59 · 715 阅读 · 0 评论 -
Vue中v-model实现数据双向绑定的另外一种方式
Vue中v-model实现数据双向绑定原理<div id="app"> <input type="text" v-model="message"> <b>{{message}}</b></div><script src="vue.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript">原创 2020-07-30 23:08:28 · 1504 阅读 · 1 评论 -
vue程序运行过程(runtime-compiler和runtime-only)
这个图就是一个vue文件的完整运行过程,在用vue-cli2创建项目时,会让我们选择两种类型:1.runtime-compiler 2.runtime-only这两种类型的区别就在于:1.runtime-compiler:template -> ast -> render -> vdom -> ui通过这种方式创建的项目vue文件会完整的走一遍流程2.runtime-onlyrender -> vdom -> .原创 2020-08-17 23:08:54 · 1741 阅读 · 0 评论