一、添加属性的问题<template><div><p v-for="(value,key) in item" :key="key">{{ value }}</p><button @click="addProperty">动态添加新属性</button></div></template><scrip

⚪.watch是一个监听属性，可以监听到值的变化，做出相应的反应。图如下：将name属性和对话框绑定，并在对应页面绑定name值，然后在浏览器中测试，页面上数据会随着对话框中输入值的变化而变化。1.监听一个变量，用watch属性可以监听到data中name属性的变化，watch中的name(监控处理函数)对应的是data中的name属性，其中的name有两个参数v1,v2，v1表示当前监听到的值，

一、 什么是自定义指令除了核心功能默认内置的指令 (v-model和 v-show)，Vue 也允许注册自定义指令,对普通 DOM元素进行底层操作，这时候就会用到自定义指令。二、 如何自定义指令自定义指令分为全局自定义指令和局部自定义指令⭕1.首先我们来看全局自定义指令 ：用Vue.directive来注册。比如一个input自动聚焦的例子：在main.js中写入以下内容：// 注册一个全局自定义

一、添加属性的问题<template><div><p v-for="(value,key) in item" :key="key">{{ value }}</p><button @click="addProperty">动态添加新属性</button></div></template><scrip

1.foreach—用来循环遍历数组,(会改变原数组，可以对每一个数据进行同一个操作没有返回值）不能循环数组包含对象。<script>export default {data() {return {Array: [1, 2, 3, 4, 5, 6],};},mounted() {let arr = [];this.Array.forEach((item, index, Array) =

前言组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系：如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。针对不同的使用场景，如何选择行之有效的通信方式？这是我们所要探讨的主题。本文总结了vue组件间通信的几种方式，如props、$

1.报错如下：2. 错误原因：依赖包产生了缓存，（就是重复下载了npm i包），解决方法：（1）.删除node_modules包（2）执行如下命令：$ npm cache clean --force（3）出现这个即可（4）.在重新下载依赖包npm icnpm iyarn之后即可重启项目。。。...

一、axios的封装1.在src中创建utils文件，其下在创建request文件，其中的内容为（设置跨域后，直接在baseUrl写入写好的路径名）目录一、axios的封装1.在src中创建utils文件，其下在创建request文件，其中的内容为2.再创建一个HTTP文件，内容为3.再创建一个api文件，内容为4.然后直接在页面中写上二、跨域代理2.再创建一个HTTP文件，内容为import h

简单介绍一下Progressive Web App(PWA)王玉略正在上传…重新上传取消2018年01月29日 10:55·阅读 48409关注前段时间在公司的内部分享会上简单地介绍了一些关于PWA的技术，不过当时用的是思维导图版本的，现在整理成博客分享给大家Progressive Web App(PWA)一、前期介绍1、为什么要将PWA作为本次的技术分享2017年11月份，谷歌在上海举办了一个开

1、用vue+Element完成一个图片上传、点图预览、加删除功能，如图：2.首先我们再组件中引入这一段代码，每个属性的使用也都放在这里了：<el-uploadclass="upload-demo"action=""//引号里面填要上传的图片地址，用接口的话是公共的接口地址拼接一个图片的接口:on-preview="handlePreview"//图片已经上传完成时点击触发（钩子函数）:on