憨憨的小蓝随文

摘要： 新建vue脚手架 vue-element-cms步骤: 1. vue create ……………(文件名) 这里取为vue-element-cms 2. 命令行工具进入这个文件夹,安装路由依赖包 npm install vue-router -S 在package.json里查看是否成功安装配置 在s 阅读全文

摘要： Vuex里的modules 在一个大型单页面项目中，当共享的数据足够多时，所有的共享数据全部放在store/index.js文件夹里非常的冗余，可能有成百上千行代码，寻找起来很不方便。 在store文件夹里创建一个modules的文件夹，里面随意创建一个对应模块语义化的.js文件(如test.js) 阅读全文

摘要： Vuex状态管理 状态就是数据。 在react里有个Flux的数据流管理(单向数据流) 作用1：实现组件之间的数据共享。 作用2：用于缓存。(避免当用户频繁点击，页面不断调接口) 先安装状态管理工具 npm install vuex -S 1.在Src文件夹里创建一个store文件夹。 2.创建一个 阅读全文

摘要： 二级路由 不需要写/，vue会自动帮你拼接 @表示src文件夹的绝对路径.(常用与复杂项目构建时) 当需要写二级路由时，要在原先的vue界面加上一个视图容器<router-view>来承载组件. 嵌套路由: 一般工作中，到两级就够了，尽量不要超过三级，而<router-link>里的to属性一定要写 阅读全文

摘要： 用UI视图创建时，会自动进入一个网页，然后在里面进行操作和项目管理。 但是常用命令行创建. 程序员都用md文件写(readme.md)。 ####环境 package.json里的scripts:里可以写一些自己要的命令行，最后npm run +自定义指令执行， (package.json里不能有任 阅读全文

摘要： 全家桶:Vue本身、状态管理、路由. 异步组件: 去vue文档看一看就行 插槽: 是vue组件封装产生差异化和个性化的唯一解决方案 <slot></slot> Vue内置组件 放在html标签里的template可以代替组件定义时里的slot标签(slot标签可以理解为插槽) slot标签有个默认的 阅读全文

摘要： ref 指引 另一种获取表单值的方法 是Vue环境中一个内置的属性.它可以使用this.$refs可以快速拿到DOM对象. 在vue中可以用jquery，可以用原生js里DOM操作获取元素，也可以用ref获取元素，但是都要尽可能减少这种操作，因为mvvm的核心就是尽可能的减少DOM操作.尽可能不要把 阅读全文

摘要： 通过vue构建的实例对象其实也是一种组件 var app=new Vue(); 因为vue其他组件都是通过它来构建的，因此它又称为根组件。 自定义Vue组件: 复用、快速开发。 Vue组件的封装: Vue.component();用于定义一个组件. 第一个参数:为组件名 'leaf-button', 阅读全文

摘要： 和接口对接的todolist因为有后台的存在，todolist获取的数据会一直存在不丢失(不管你如何刷新页面)，思路如下: 首先得先搞到接口： 通过这个接口地址可以获取整段的数据，成功err为0。 于是我们首先第一步就应该先封装好一个初始化函数，以方便我们想要的传参格式fetch(url, type 阅读全文

摘要： 提起Virtual DOM，总是给人一种高深莫测的感觉，大家都知道它比DOM快。那么Virtual DOM到底是何方神圣呢？在深入理解Virtual DOM之前，先让我们回顾一下DOM。 一、什么DOM? 所谓DOM，就是HTML、XML、XHTML的一种抽象描述，它会把这些文档抽象成树类型的数据结 阅读全文