Vue.js

点击上方“ 逆锋起笔 ”， 公众号回复 pdf 领取大佬们推荐的学习资料 不得不佩服 Spring Boot 的生态如此强大，今天我给大家推荐几款 Gitee 上优秀的后台开源版本的管理系统， 小伙伴们再也不用从头到尾撸一个项目了，简直就是接私活，挣钱的利器啊 。 SmartAdmin 我们开源一套漂亮的代码和一套整洁的代码规范，让大家在这浮躁的代码世界里感受到一股把代码写好的清流！同时又让开发者节省大量的时间，减少加班，快乐工作，热爱生活。SmartAdmin 让你从认识到忘不了，绝对是你最想要的！ 项目地址： https://gitee.com/lab1024/smart-admin litemall 又一个小商场系统，Spring Boot后端 + Vue管理员前端 + 微信小程序用户前端 + Vue用户移动端。 项目地址： https://gitee.com/linlinjava/litemall Timo TIMO后台管理系统，基于SpringBoot2.0 + Spring Data Jpa + Thymeleaf + Shiro 开发的后台管理系统，采用分模块的方式便于开发和维护，支持前后台模块分别部署，目前支持的功能有：权限管理、部门管理、字典管理、日志记录、文件上传、代码生成等，为快速开发后台系统而生的脚手架！关注公众号 逆锋起笔，回复 pdf

歌谣最全前端面试题（建议收藏，欢迎讨论） 【Vue】 [vue] 从0到1自己构架一个vue项目，说说有哪些步骤、哪些重要插件、目录结构你会怎么组织 [vue] 你知道vue的模板语法用的是哪个web模板引擎的吗？说说你对这模板引擎的理解 [vue] 你知道v-model的原理吗？说说看 [vue] 你有使用过vue开发多语言项目吗？说说你的做法？ [vue] 在使用计算属性的时，函数名和data数据源中的数据可以同名吗？ 【JS】 [js] 请使用js实现一个秒表计时器的程序 [js] 模拟 localStorage 时如何实现过期时间功能 [js] 请使用js实现商品的自由组合，并说说你的思路 [js] js中的undefined和 ReferenceError: xxx is not defined 有什么区别？ [js]JavaScript Number.toPrecision() 函数详解 [js] 获取浏览器当前页面的滚动条高度的兼容写法 [js] 一道变态题 Number.call.call(Number, undefined, 0) 等于什么 [js] ReferenceError和TypeError有什么区别？ [js] 如何避免JS浮点运算的精度问题（例：0.1+0.7=0.7999999999999999） [js] 举例说明js立即执行函数的写法有哪些？

前言 在 vue2.0 时代，我们经常会有这样的需求，写代码逻辑的时候希望将组件写在某个模板之下，因为这样我们很好的使用组件内部的状态数据，控制组件的展示形态。但是从技术的角度上我们又希望将这段代码移到 DOM 中 Vue app 之外的其他位置。 举个简单的例子，我们在使用 modal 组件的时候，我们将它放在了我们的模板 template 里面，但是由于 modal 组件希望位于页面的最上方，这时候我们将 modal 组件挂载在 body 上面是最好控制的，我们能够很好的通过 zIndex 来控制 modal 的位置，当他嵌套在 templat 里面的时候就不那么容易了。 vue2.0中的实现 vue2.0 中我在写这个组件的时候是通过手动的形式来进行挂载的，我写了一个vue指令来进行这个操作，帮助我将 modal 组件挂载到 body 上面去，专这样也能够很好的通过控制 zIndex 来控制 modal 的展示。 function insert ( el ) { const parent = el.parentNode; if (parent && parent !== document .body) { parent.removeChild(el); document .body.appendChild(el); } } export default ( typeof

删掉package-lock.json再试试 npm install 时出现很多 npm WARN tar ENOENT: no such file or directory, open ' Try also deleting package-lock.json before npm install npm init -f npm init -f 命令行的作用：一个模块不管是否安装过， npm 都要强制重新安装，可以使用 -f 或 --force 参数。 清空缓存 sudo chown -R 1000:1000 "/home/user/.npm" npm cache clean -f sudo chown -R $USER:$(id -gn $USER) /home/user/.config 换源 npm config set registry https://registry.npm.taobao.org npm install --registry=https://r.cnpmjs.org/ 安装n sudo npm cache clean -f sudo npm install -g n sudo n stable fix 79 packages are looking for funding run npm fund for details found 25

欢迎点击「算法与编程之美」↑关注我们！ 本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。 欢迎加入团队圈子！与作者面对面！直接点击！ 1.创建一个Vue实例 之前初步学习了Vue的安装和一些简单介绍，这次就主要学习Vue实例。 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的。 var vm = new Vue({ // 选项 }) 虽然没有完全遵循 MVVM 模型，但是 Vue 的设计也受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的缩写) 这个变量名表示 Vue 实例。 当创建一个 Vue 实例时，你可以传入一个 选项对象 ，我在Vue官方教程中学习的主要就是如何使用这些选项来创建你想要的行为。我们也可以在 API 文档中浏览完整的选项列表。一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实例，以及可选的嵌套的、可复用的组件树组成。举个例子，一个 todo 应用的组件树可以是这样的： 根实例 └─ TodoList ├─ TodoItem │ ├─ DeleteTodoButton │ └─ EditTodoButton └─ TodoListFooter ├─ ClearTodosButton └─ TodoListStatistics 个人认为我们只需记住，所有的 Vue 组件都是

记录一次升级ant-design-vue的遇见的bug 使用版本: "version": "2.5.2" "ant-design-vue": " 1.4.2", vue模板内容 <template> <div> <a-table :columns="columns" :dataSource="data" :rowSelection="rowSelection" :locale="{emptyText:'sdfsd'}"/> </div> </template> <script> export default { data() { return { data:[ { key: 1, address: 'New York No. 1 Lake Park', }] , columns: [ { title: 'Address', dataIndex: 'address', width: '100%', key: 'address', }, ], rowSelection:{ onChange: () => {}, onSelect: () => {}, onSelectAll: () => {}, } }; }, }; </script> chrome控制台显示如下:  打开Sources看到是_traverse方法报错 function _traverse (val, seen) {

1、ERR引发的思考 创建好的 vue 项目直接执行 vue run dev 报错？运行 vue run serve 就可以启动...如下 npm run dev npm ERR! missing script: dev npm ERR! A complete log of this run can be found in: npm ERR! E:\nodejs\node_cache\_logs\2018-12-12T15_06_08_674Z-debug.log 2、dev build serve? 其实 npm run dev 或者是 npm run serve 等 npm run xxx 并不是一定要这么写。 npm run XXX是执行配置在 package.json 中的脚本，比如： "scripts": { 　　"serve": "vue-cli-service serve", 　　"build": "vue-cli-service build", 　　"lint": "vue-cli-service lint" }, npm run xxx 中的 xxx 可以理解为键值对的 key，实际上 run 的是在 package.json 里面 scripts 配置的 value； 比如，npm run serve 实际运行的是 vue-cli-service serve；

模板中的插入变量是如何渲染到DOM上的？ initMixin(Vue)->_init-> $options -> $mount() 当执行该挂载方法时DOM变化 为什么可以通过this访问到data里面的数据？ initstate(vm)->initData()->proxy(vm, _data ,key)代理函数 所以我们也可以同过this._data.dataName获取到数据 $mount的实现 $mount->处理e（编译，转化成render函数）->mountComponent()->updateComponent()->渲染Wather vm._render的实现 _render->从vm.options拿到render->render.call(vm._renderProxy,vm.$createElement)->initProxy->hasHandler判断元素如果不在target上，则会报错warnNonPresent-> 返回vnode 虚拟Dom VNodeData定义在flow/vnode.js （创建虚拟DomTree） create-element–> 参数重载-> _createElement-> 对data校验（如果是响应式的 return create EmptyVnode() (vnode.js)）->