VUE
寒星冷雨
这个作者很懒,什么都没留下…
展开
-
封装vue组件并发布到npm上
1.使用webpack-simple模板建立一个vue项目,命令:vue init webpack-simple kingtreebtn ,新建项目目录如下:2.在src目录下新建lib目录存放组件源码3.组件封装完后新建组件出口文件index.js,文件内容如下:4. 修改package.json文件5.修改webpack.config.js文件6. 执行npm run build 命令,打包后的文件夹为dist7. 执行npm pack命令,生成kingtre原创 2020-12-01 14:53:11 · 309 阅读 · 0 评论 -
Vue2源码分析
分析目标通过阅读源码,对 Vue2 的基础运行机制有所了解,主要是:Vue2 中数据绑定的实现方式 Vue2 中对 Virtual DOM 机制的使用方式源码初见项目构建配置文件为 build/config.js,定位 vue.js 对应的入口文件为 src/entries/web-runtime-with-compiler.js,基于 rollup 进行模块打包。代码中使用 ...转载 2018-12-04 19:02:09 · 398 阅读 · 0 评论 -
Vue数据响应式原理
前言Vue.js 的核心包括一套“响应式系统”。“响应式”,是指当数据改变后,Vue 会通知到使用该数据的代码。例如,视图渲染中使用了数据,数据改变后,视图也会自动更新。举个简单的例子,对于模板:<div id="root">{{ name }}</div>创建一个 Vue 组件:var vm = new Vue({ el: '#root'...转载 2018-12-04 19:11:31 · 781 阅读 · 0 评论