摘要:
新建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的一种抽象描述,它会把这些文档抽象成树类型的数据结 阅读全文