生命周期 vue（包括组件)实例从 实例化到消亡的一个过程，每个vue实例在被创建时都要经一系列的初始化过程， 如需要设置监听，编译模板，将实例挂载到DOM并在数据变化时更新DOM等 生命周期8个钩子函数的作用： beforeCreate:初始化内容 created：初始化数据完成，可以拿到数据了 beforeMount：找到对应的el，把数据向虚拟DOM上挂载的过程 mounted：把内容渲染到真实的DOM上 beforeUPdate：修改数据前的状态 updated：修改数据完成的状态（页面变动就会触发) beforeDest...

vue全家桶包含哪些模块 vue-cli vue脚手架 vue-router 路由 axios http请求 vuex 状态管理（操作公用数据） UI库（element-ui） vue脚手架下，src文件夹下包含哪些文件，作用分别是什么？ assets文件夹：一般放置图片 components文件夹：放置所有自行编写的组件 router文件夹：在index.js下进行路由配置 App.vue 主组件，所有的组件可以通过路由加载到该组件进行统一渲染 main.js进行全局配置的文件（引入第三方库和框架） ...

resource: 本地的数据内容应该放在static文件夹下 先下载npm install vue-resource ,在main.js中引入 vue-resource，使用 Vue.use（）； get： 在需要请求数据的页面使用this.$http.get(路径).then((数据)=>{ 请求成功后拿到数据}) post: 在需要请求数据的页面使用this.$http.post(路径,{发送到后台的数据}).then((res)=>{后台返回的数据}) 怎么解决vue的跨域问题 在config文件夹下index.js配置代理 proxyTable: { ...

数组扩展 注：<mark>例子均来源于</mark>http://es6.ruanyifeng.com/ Array.of( ) Array.of方法用于将一组值，转换为数组 其主要目的是弥补数组构造函数Array( )的不足：因为参数个数的不同，不导致Array（）的行为有差异 如： let a = Array()//[] let b = Array(3)//[empty*3] let c =Array(3,11,8)//[3,11,8] 只有当参数大于2个时，Array才会返回由参数组成的新数组...

引用自http://es6.ruanyifeng.com/#docs/object 属性的简洁写法 ES6允许在大括号里，直接写入变量和函数，作为对象的属性和方法，更加简洁 属性简写 function f(foo,bar){ return (foo,bar) } f(1,2)//{foo:1,bar:2} 这时属性名就是变量名，属性值就是变量值 方法简写 const foo ={ bar(){ return 'baz' } } const cart = { _wheels: 5, ...

Mixins混入：把各个组件下相同的js部分提取出来，分发给每一个用到的组件，这样可以减少代码量进行优化，但是分发到各个组件下的数据都是相互独立的 在组件下引入混入的内容:import minxi 在子组件内先引入 import mixis from ‘./…/…/…/mixin’ 然后派发 mixins:[mixis] （mixis为提出来的公共部分的js文件) nextTick(()=>{}): vue在方法下去改动data下的值之后，在方法中不能够直接取到改变过后的值，而拿到的是data下声明的初始值，需要通过使用$nextTick方法取到改变后的值 如：this.$next...

Object.is() 源自：http://es6.ruanyifeng.com/#docs/object-methods#Object-getOwnPropertyDescriptors ES5比较两个值只有2个运算符,相等（==）和严格相等（==） 相等运算符:会自动转换数据类型 严格相等运算符:NaN不等于自身，+0等于-0 ES6提出同值相等算法解决以上2个缺点 当用来比较两个值是否严格相等时，Object.is于(===)行为基本一致 var foo = Object.is('foo', 'foo')//true var bar = Object.is({}, ...

全局前置守卫验证登录状态 在login页 methods: { login() { this.$axios .post("/api", { user: this.user, password: this.pass }) .then(res => { if (res.data == 1) { this.$message({ message: "登录成功", ...

for…of能够遍历数组，字符串，Set，Map结构，因为它们内置了Iterator遍历器，它们的原型中都有一个Symbol.iterator方法，而对象Object中并没有这个接口，无法被for…of遍历

vue配合vuex和本地存储可以减少HTTP请求，进行优化 本地储存：sessionStorage、localStorage和cookie之间的异同 共同点：都是保存在浏览器端，且同源的。 区别：cookie数据始终在同源的http请求中携带(即使不需要)，即cookie在浏览器和服务器间 ​ 来回传递 ​ cookie数据不能超过4KB,同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如短字符等 ​ 而sessionStorage和localStorage虽然也有存储大小的限制，一般为5M ​ 数据有效期也不同，sessionStorage：仅在当前...

React 把虚拟DOM渲染到真正DOM中 ReactDom.render(组件，document.getElementById(根元素)) 虚拟DOM提升性能：虚拟DOM最大特点是只更新变化的内容，不变的内容就地复用 JSX语法: {},相当于vue的 { {}} style={ {key:val,key:val}} //第一个大括号为jsx语法，第二个大括号为style内写法 或使用 let boxStyle = { "color":"chocolate" ...

不使用JSX创建元素:React.createElement(DOM名称，节点属性，DOM中写入的内容) const childa = React.createElement( 'h1', {className:"childa"}, 'hello' ) ReactDOM.render( childa, document.getElementById("app") ) 显示子元素：在组件的调用处中间可以写入DOM节点的内容（和cue插槽的内容相...

条件渲染： if(布尔值){ return(jsx) }else{ return (jsx) } 条件是否成立&&模块显示隐藏 三目运算： 条件？模块：模块 注：阻止条件渲染时，不使用DOM内容情况下返回null，数据类型保持一致 列表渲染：使用map方法进行遍历 react中无论后期列表是否进行变动，都需要给遍历的虚拟DOM加上唯一的key，否则控制台会抛出警告，一个元素的key最好是这个元素在列表中拥有的一个独一无二的<mark>字符串</mark>,万不得已可以使用元素索引index作为key，如果列表项目的顺序可能会变化，...

react脚手架的使用 import React,{Component} from 'react' class 组件名 extends Component {state ={数据}} 样式类名会全局泄露 Axios 组件下直接引入axios Publick文件夹是特殊路径 配置代理:package.json下 "proxy":"http://localhost:3001" Post请求使用非受控组件 <input type="text" ref={(ref)=>this.user=ref}/> 路由基...