摘要:
#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 阅读全文