目录前言Vue没有Proxy会怎么样？proxy开始前言在讲解Proxy之前，我们有些前置知识点是必要掌握的：Object相关静态函数Reflect相关静态函数简单说明知识盲点名称介绍Object.isExtensible()方法判断一个对象是否是可扩展的（是否可以在它上面添加新的属性）Object.setPrototypeOf()方法设置一个指定的对象的原型 ( 即, 内部[[Prototype]]属性）到另一个对象或nullObject.preventExtensions()方法让一个对象变的不可扩展，也就是永远不...
一：只需要在main.js中写这三行代码即可import axios from ‘axios‘axios.defaults.withCredentials=true;//让ajax携带cookieVue.prototype.$axios = axios;如果cookie携带不过去的话，请求响应的时候他会报错显示登陆过期的呦！！！顺便说一下原生js携带cookie的方法： xhrFields: { withCredentials: true },加一段上述代码即可来源：https://blog.csdn.net/liuxin_1991/article/details/8...
首先，你需要了解插件实现的基本原理 插件基本原理： 我们都知道用Vue.use注册插件，那你知道Vue.use(plugin) 干了什么？以下是我对Vue官网的一些摘录和个人的理解 Vue.use( plugin ) 参数：{Object | Function} plugin 用法：安装 Vue.js 插件。如果插件是一个对象，必须提供 install 方法。如果插件是一个函数，它会被作为 install 方法。install 方法调用时，会将 Vue 作为参数传入。该方法需要在调用 new Vue() 之前被调用。当...
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style>[v-cloak]{display: none;}#app{width: 800px;margin: 20px auto;}#tb{width: 800px;border-collapse: collapse;margin: 20px auto;}#tb th{background-color: #0094ff;color:white;font-size: 16px;padding: 5px;text-align: center;border: 1px solid black;}#tb td{padding: 5px;text-align: center;border: 1px solid black;}</sty...
App.vue<template> <div id="app"> <img src="./assets/logo.png" /> <!-- <router-view /> --> <father /> </div></template> <script>import father from "./components/father";export default { name: "App", components: { father }};</script> <style>#app { font-family: "Avenir", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align:...
Vue目前的的开发模式主要有两种：1.直接页面级的开发，script直接引入Vue2.工程性开发，webpack+loader或者直接使用脚手架工具Vue-cli，里面的文件都配置好了webpack可以进行配置，配置多文件入口，进行多页面开发第二种Vue开发，结合webpack打包完文件会很大，怎么解决这个问题?1.webpack代码拆分：code-spliting2.提取公共（如提取css,js）3.预渲染：使用prerender-spa-plugin插件4.后台————开启压缩，gzip (会很有用)5.异步...
cell-month 组件<template><div class="cell-month"><div class="weeklist"><!--星期几--><div class="week_box"><p v-for="(item,index) in weekData">{{item}}</p></div><!--slot插入时间--><slot slot="select_month"></slot><!--具体的时间--><div class="monthDayList"><divv-for="(item,index) in daysData" class="dayList"@click="selectDate(item,index)":class="{selectDay:isSelect == index,unData:item.day == ‘ ‘}...
Vue的watch监听事件相关Html:<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>名称案例</title><script src="../js/vue-2.4.0.js"></script> </head> <body> <div id="app"><input type="text" v-model="firstname" @keyup="getFullname">+<input type="text" v-model="lastname" @keyup="getFullname">=<input type="text" v-model="fullname"></div><script>var vm = new Vue({el: "#app",data: {firstnam...
一、配置与安装步骤： 1、在 Vue 项目的 src 文件夹下创建一个 config 文件夹： 2、在 config 文件夹中创建 rem.js： 3、将以下代码复制到 rem.js 中：(function(){function a(){var b=document.documentElement.clientWidth;b=b>750?750:b;var c=b/750*100;document.getElementsByTagName("html")[0].style.fontSize=c+"px"}a();window.onresize=a})(); 4、在 src 文件夹下的 main.js 中引入：import ‘./config/rem‘ 5、在 Vue ...
概述上一篇我们重点介绍了组件的创建、注册和使用，熟练这几个步骤将有助于深入组件的开发。另外，在子组件中定义props，可以让父组件的数据传递下来，这就好比子组件告诉父组件：“嘿，老哥，我开通了一个驿站，你把东西放到驿站我就可以拿到了。”今天我们将着重介绍slot和父子组件之间的访问和通信，slot是一个非常有用的东西，它相当于一个内容插槽，它是我们重用组件的基础。Vue的事件系统独立于原生的DOM事件，它用于组件之间...
我们每次新建一个项目的时候会发现在项目中会有这么俩个相似的文件，并且一个里边东西很多一个里边的东西很简洁，那么他们到底有什么区别与联系。 npm5之前的版本，是不会生成package-lock.json这个文件的。npm5版本及以后，才会生成package-lock.json文件；当使用npm安装包的时候，npm都会生成或者更新package-lock.json文件，npm5版本及以后的版本，在安装包的时候，不需要加 --save（-s） 参数，也会自动在package.json中保存...
文中例子代码请参考github父组件向子组件传值组件实例定义方式，注意：一定要使用props属性来定义父组件传递过来的数据<script>// 创建 Vue 实例，得到 ViewModelvar vm = new Vue({el: ‘#app‘,data: {msg: ‘这是父组件中的消息‘},components: {son: {template: ‘<h1>这是子组件 --- {{finfo}}</h1>‘,props: [‘finfo‘]}}});</script>使用v-bind或简化指令，将数据传递到子组件中：<div ><son :finfo="msg"></son></div>完整...
上次介绍了下写的登录弹框插件，过了几天发现点击去注册或者改密码的跳转失效。报错this.$router.push is not a function,继续打印this.$router也是undefined（可以先看一下上一篇博客提到的弹框登录插件）this.$router.push({ path:‘/register‘})尝试了很久，试了三种方法。需要注意的是：登录弹框是通过this.$login调用方法来动态插入组件的，这个登录弹框不在路由的组件管理范围内。第一：引入子路由，需要加router-view但是这...
1、datamixins中的data会合并到data中，有冲突的话，data中数据覆盖mixins中的数据。 2、钩子函数mixins中的钩子函数也会执行，先执行mixins中的钩子函数。 3、methods、components 和 directivesmethods、components 和 directives会执行，但有冲突时，原methods、components 和 directives会覆盖mixins中的methods、components 和 directives。 参考：https://cn.vuejs.org/v2/guide/mixins.html原文：https://www.cnblogs.com/m...
团队自己开发的一个UI基础库依赖于Vue^2.5.16, 开发业务项目的时候由于Vue已经更新到2.6.10了，业务项目里面的Vue依赖是~2.5.16,所以导致安装项目依赖时，UI基础库安装了2.6.10版本，项目库安装了2.5.21版本，这样在运行时加载了两个版本的Vuejs库。updateChildComponent这个函数会在给实例的$attrs和$listener属性赋值，处理前将isUpdatingChildComponent置为true，处理后将isUpdatingChildComponent置为false。只有在更新子组件时...