浅听记忆的博客

！！！持续记载！！！对于组件，我们尽可能将组件设计为非受控组件对于不会咋变化的设计成受控组件也可，但很多时候我们的业务在变化，很多东西可能都改变了，这时候我们的受控组件无法改动，因为改动就会影响到其余使用的地方，虽然可以增加属性去控制，但明显不够灵活，也不利于拓展尽可能做到如下：因为在定义data数据里面你可能没有定义这个属性，导致无法进行响应式更新目前最大的问题可能就是这个，因为在响应式的时候劫持data数据，并没有拿到对应的属性，所以自然也不会在页面实现响应式更新...

1.$emit$emit在vue中担当一个传递事件的角色，它将我们传递的事件派发到vm的事件系统中（vm._events）,统一去管理派发的事件，源码如下Vue.prototype.$emit = function (event) { var vm = this; { var lowerCaseEvent = event.toLowerCase(); if (lowerCaseEvent !== event && vm._ev

数据劫持结合订阅者观察者模式，通过节点的改变，将对应的收集对应的观察者，去触发对应的节点更新let Global=null;const utils = { getValue(value,vm){ return vm.$data[value.trim()] }, setValue(value,vm,newValue){ vm.$data[value] = newValue }, model(node,value,vm){

data(){ return{ active:0 }},watch:{ active(old,newValue){ // old旧值;newValue新值 if(old!=0){ console.log('1111') } } }

假设渲染选项数据的数组是options<el-select v-model="value" @change="changeOption" placeholder="全部"> <el-option v-for="(item,index) in options" :key="index" :value="item.proces...

server.js文件import axios from "axios";import store from '@/store' //引入store管理import { Message } from 'element-ui' //引入element-ui的库文件axios.defaults.headers.post['Content-Type'] = 'application/x...

对于该问题我们在要进入的页面监听路由的变化// 比如要对type重新赋值请求，就得在监听路由的方法getpage里面进行赋值data(){ return{ type:"" }}created(){ this.getpage()}watch:{ '$route':"getpage" //需要处理数据的方法}mtthods:{...

<div @click.capture="do1" style="width:40px;height:40px;background:red"> <div @click.capture.stop="do2" style="width:20px;height:20px;background:blue"> ...

所谓插槽就是用来分发内容，给组件应用时能够添加需要的东西，就比如一个输入框组件，我引用这个组件，我需要在组件后面加上图标啥的，直接用插槽封装这组件就可以了，需要就用，不需要就忽略：如下封装&lt;template&gt; &lt;el-input v-model="currentValue" ref="nvInput" :maxlength="maxlength" :min...

//获取域名window.location.origin//拼接url地址let url = window.location.origin + '域名后面的路径';//路径跳转 window.location.href = url; 

在vue中如果你嫌vue-router页面跳转不好用你可以这么写this.$router.push({      path: '/路径'                })甚至还可以直接返回上一层（改变-2为0还可以达到页面刷新的效果） this.$router.go(-2) ...

 const router = new VueRouter({ mode: 'history', routes: [...]})