vue
文章平均质量分 68
candice0280
这个作者很懒,什么都没留下…
展开
-
vue2+webpack2 初始化项目
准备工作 下载并安装node.js 安装vue cli脚手架 npm install --g vue-cli项目初始化官网给出了两个模板: webpack-simple 和 webpack 。区别在于webpack-simple 没有包括Eslint 等检查功能,所以普通项目基本用webpack-simple 就足够了。于是我用webpack-simple 初始化的项目,运行之后,页面能正常显示,但原创 2017-08-09 10:48:41 · 1310 阅读 · 0 评论 -
vue-cli构建项目 npm run build打包后怎么在本地查看效果
点击查看原文 本文以vue官方脚手架vue-cli构建的项目为例。 运行npm run dev以开发模式打开调试好了你的案例程序;你还不满足于仅仅把代码放在github上,想把项目打包,然后在本地预览或者放在个人博客上供大家直接看效果学习。这时如果直接运行npn run build是可以运行并打包你的代码的,不会报任何异常或错误,但是会看到打包完成有这样一句提示:看到这里第一感觉:不是警告色,应转载 2017-08-09 18:06:56 · 12543 阅读 · 3 评论 -
Vue-深入
响应式原理 过渡效果 响应式原理 JS对象传给Vue实例的data Vue遍历该对象的属性并使用Object.defineProperty转为getter/setter watcher监听setter:当setter被调用时,会通知watcher重新计算,更新组件 由此可知,data对象上的属性才是响应的过渡效果原创 2017-08-16 22:28:41 · 224 阅读 · 0 评论 -
深入双向数据绑定原理
首先附上一篇好文 Vue的双向数据绑定的原理是什么呢,首先讲一下ES5的这个修改属性的方法Object.defineProperty()原创 2017-09-18 10:06:58 · 540 阅读 · 0 评论 -
双向数据绑定原理
1. 利用Object.defineProperty <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script> // 1、首先实现一个整体的...原创 2019-06-20 22:14:16 · 726 阅读 · 0 评论 -
VUE验证码组件
VUE验证码组件组件源码组件使用 组件源码 identify.vue <template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas> </div> </tem...原创 2019-08-07 14:45:28 · 356 阅读 · 0 评论