摘要： #vue生命周期 什么是生命周期？ /* * 组件实例从创建到销毁的过程，分别为创建前后，渲染前后，更新前后，销毁前后,每个过程对应着相应的钩子函数 * 在函数中添加代码逻辑。不要使用箭头函数定义钩子函数，箭头函数没有this，this会作为变量向上级词法作用域查找，直到找到为止，会报找不到属性的错 阅读全文

摘要： methods 可以在methods中使用箭头函数吗？ methods: { getMsg:()=>{ console.log(this) //window对象 } } /* * 使用箭头函数会改变this的指向 * */ 为什么要在html中监听事件? 方便阅读，查找 逻辑和dom完全解耦，方便测 阅读全文

摘要： computed 计算属性是什么？ //当一些数据需要经过特殊处理或计算展示，这是可以使用计算属性 //计算属性的结果会被缓存，只有当他所依赖的属性被改变时，才会重新计算 ##计算属性的值可以修改吗？ //可以，但是如果时普通写法的话会报错，计算属性默认只提供getter //Computed pr 阅读全文

摘要： props props是什么？ /* * props是用于子组件接收父组件的数据，可以是简单数组也可以是对象, * 对象写法可以做一些类型判断，默认值等 * <my-comp :title="header" :body="body"></my-comp> * Vue.component('my-co 阅读全文

摘要： data 类型为对象或函数 ###什么时候为对象？什么时候为函数? /* * 当使用new Vue({})时候可以为对象，因为这种方式是生成一个根组件 * 根组件不会复用，就不会存在data数据共享的情况.其他组件的data声明必须为一个函数 * 否则会提出警告，程序无法正常执行 * */ Vue. 阅读全文

摘要： npm install --save-dev file-loader #配置 const {resolve} = require('path'); module.exports = { entry: './src/index.js', //入口文件 output: { filename: 'main 阅读全文

摘要： #安装loader npm install --save-dev style-loader css-loader #配置 const {resolve} = require('path'); module.exports = { entry: './src/index.js', output: { 阅读全文

摘要： 创建文件夹 mkdir webpack-demo cd webpack-demo 初始化 npm init -y // 初始化 安装webpack webpack-cli npm install webpack webpack-cli -D 创建webpack.config.js文件 //配置入口文 阅读全文

摘要： npm install vuex --save // yarn add vuex import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) import Vue from 'vue' import Vuex from 'vuex' imp 阅读全文

摘要： #数组方法 let arr=[{name:'jack',age:18},{name:'lucy',age:20}] ##map //重写构造数据返回新的数组 arr.map(item=>{ item.sex='man' return item }) ##filter arr.filter(item= 阅读全文