摘要：
共享模块，公用的东西统一的导出。 比如这个就适合放在共享模块中。可能未来会被其他人都能用到的组件 都用到就是超过两个模块会用到。 一开始可能没有决定哪些东西懒加载。提高渲染的性能。在需要的时候加载对应的模块，这样的模块在改造加载的时候会非常的方便，而且项目大了以后，大家也不用都去修改根路由下的文件， 阅读全文
摘要：
目前我们只有根模块 如果都做在一个模块中，会让你的程序难以维护 模块和模块之间有关系，模块自己本身也有一些属性。 imports是这个模块依赖于其他的模块。例如依赖于其他的第三方的类库是 别人做好的，这里我依赖，所以导入进来。。 export：就是你的模块要给别人暴露什么，别人用你的时候，你给别人提 阅读全文
摘要：
双向绑定就是属性绑定+事件绑定。 实战 按照惯例，在组件的根目录创建index.ts 导出这个组件。 export * from ..... 这样导入的就是从components/index下面导入进来的。 根组件的页面，使用这个组件 组件就显示出来了 value我们进行绑定 ts内定义userna 阅读全文
摘要：
vue框架为我们提供了一些便捷。我们在修改数据的时候，视图就会自动的发生变化，会去做必要的重新渲染。正式因为这个便捷的功能，给我们带来了一些问题，我们无法简单的去控渲染视图的时机，有一些自动为我们完成的，但有时候我们不需要他做太多的工作，当数据量非常大的时候，这个问题就尤为的明显，因为我们的数据放到 阅读全文
摘要：
三种制作icon组件的方式。这个过程我们用了阿里巴巴的工具网站 最后来封装两个icon组件，一个多色，一个单色。 首先来看下iview的icon组件。custom允许使用自定义的图标。 这里内置了很多自定义的图标 已经创建好的页面 设置大小为50 设置为粉色 自己制作字体文件 iconfont网站 阅读全文
摘要：
日常开发过程中，有不同的用户组，不同用户组看到页面上的内容是不一样的，这就涉及到权限控制。 这需要前端和后端相互配合完成。本节讲解两种权限控制的方案。 先来看下iview-admin中的代码。在路由列表配置meta为success权限字段，它是一个数组，表示当前这个界别的页面是哪个用户租可以浏览，里 阅读全文
摘要：
服务器端增加了一条路由叫做formData。待会我们用到的时候，会把表单提交到这个url下。并把提交的内容打印一下。 提前创建好的form页面。 首先来看下iview的表单组件， 它的最外层是一个Form组件，不是用的原生表单的提交方式，需要把提交的数据获取到，通过ajax去提交的。 里面没一条都用 阅读全文
摘要：
后端用node.js搭建一个简单的系统。 首先讲解下的文件服务，包含文件上传和下载、预览、删除 前端应该如果操作上传文件，下载文件。还有就是删除预览这些功能。 后端服务 后端的服务，这里定义了三个指令。 start是创建express项目初始就添加的， 自己添加了两个指令一个local一个是pm2 阅读全文
摘要：
02-开发环境搭建 加入码云校园版的方法 https://blog.staneee.com/details/18 微服务用到Azure开发 如果有移动端的开发需求，可以选择 VS推荐使用的一些插件： https://www.52abp.com/Blog/BlogDetails/4 VSCode VS 阅读全文
摘要：
代码路径： Angular代码路径：这个可能是家里电脑的路径D:\mvc5\52abp这个是公司电脑上路径J:\ABP\52ABP\Yoyosoft.BookList Npm start 启动项目 博客-github地址： https://www.52abp.com/Blog/Index代码地址：h 阅读全文
摘要：
首先把上节课实现的tree的逻辑进行封装，封装成一个组件，能够达到一个复用的效果。 第二部门增加一个操作目录，每个目录，每个文件都应该可以操作，比如删除这个文件，重命名这个文件的文件名或者目录， 3.在这个组件里面传入多个值，而且每次做更新会同时更新这多个值，如果一个值在组件内需要更新的话， 我们可 阅读全文
摘要：
已经在路由里面创建了一个页面路由 在api/data.js里面定义了两个方法， 一个是获取所有文件夹的列表，一个是获取所有文件的列表。 在mock里面 做了请求的拦截 返回一个数组，里面包含10个对象，没个对象有四个字段。name、create_time、folder_id、id 先来获取第一个数据 阅读全文
摘要：
通过对iview的table表格的封装，实现如何自定义表格的内容。实现一个可编辑的表格。 为了节省时间，首先已经做了一些准备 首先是已经创建了table页 然后写了一个api，用来获取表格数据。 然后在mock里面也进行了处理。返回了数据的响应 tools里面封装了一个方法doCustomTImes 阅读全文
摘要：
实现可收缩的侧边栏菜单。 效果展示 点击收缩的效果。如果只有一级菜单 二级菜单 多级菜单的情况 展开的效果 多级菜单 开始 我们之前封装的，我们的菜单要放在layout里 我们最后封装的菜单组件，是要在sider里面 sider-menu组件 分别加sider-menu-submenu和side-m 阅读全文
摘要：
如何引入iview，如何配置它的loader。如何全局引入和按需引入iview 2：使用layout布局组件， 3：使用iview的栅格组件。实现响应式的布局。根据网格的宽度来实现不同的布局。 这是一个对应写好的文档。github上文档在根目录中：https://github.com/lison16 阅读全文
摘要：
启动后端的服务：npm run start 后端服务 首先来看后端的代码，使用express简单的搭建的一个微服务。运行在3000的端口。 login的接口，它是一个post的请求 首先获取到前端传递过来的userName和password。如果有用户名且有密码的话就获取userInfo token 阅读全文
摘要：
vue-cli官方： https://cli.vuejs.org/zh/ vue.config.js的配置项 https://cli.vuejs.org/zh/config/#vue-config-js 查看自己vue-cli的版本 ERROR Invalid options in vue.conf 阅读全文
摘要：
这是iview的menu的组件 http://v3.iviewui.com/components/menu 每一个菜单的item 实际的项目中，菜单往往是根据后台的数据返回回来的。往往是一个数组，通过这里，遍历然后循环生成的这个菜单，而不是这样写死的、 这个时候就用到了递归组件， 先来添加一个示例页 阅读全文
摘要：
官方文档 jsx： https://cn.vuejs.org/v2/guide/render-function.html#JSX 函数式组件 https://cn.vuejs.org/v2/guide/render-function.html#%E5%87%BD%E6%95%B0%E5%BC%8F% 阅读全文
摘要：
本节代码对照： https://github.com/lison16/vue-cource/blob/master/src/components/split-pane/split-pane.vue https://github.com/lison16/vue-cource/blob/master/s 阅读全文
摘要：
通过封装一个小的组件，如何在Vue中使用第三方的js库。 数字动画的库，把它封装成一个vue的组件。 http://inorganik.github.io/countUp.js/ CountUp官方地址 https://github.com/inorganik/CountUp.js 官方推荐的vue 阅读全文
摘要：
https://github.com/lison16/vue-cource/blob/master/src/mock/mock.doc.md 用mock.js对ajax请求作出拦截，并响应 拦截ajax请求，并 且作出响应 mockJs的用法，详细介绍 响应模拟 精简版的文档 在这里引进了mock并 阅读全文
摘要：
node服务端 node服务端代码:https://github.com/lison16/vue-cource/tree/master/server npm install先安装依赖。然后npm run start即可访问端口是3000 http://localhost:3000/ 把下面这段代码注 阅读全文
摘要：
插件 store下面添加plugin插件文件夹 想定义一个持久化存储的插件。当你每次刷新浏览器的时候，store里面存的状态都会被清除，因为它是存在内存中的，而不是存在本地的。你一刷新他就没了。但是有时候我们希望将一些东西存在本地。这样用户刷新页面，内容不会丢失。所以我们来定义一个简单化存储的插件。 阅读全文
摘要：
getter相当于vuex里面的计算属性。 在vue组件中如果我们要触发一个全局的状态更新的话，中间其实还缺少一条线。如果我们的操作不具有异步操作的话，可以不走action，可以直接在vue组件中通过cmmitMutations来提交一个状态的改变。然后接着走下面的流程。 当我们在组件中需要自己改v 阅读全文