weixin_56035334的博客

已经用el-tooltip来包裹el-button了，此时想弹出一个pop对话框，发现加了el-popconfirm组件后，不仅没有出现对话框，并且原来的按钮也消失了。组件el-popconfirm嵌套在外层后，标签，且必须添加关键的。...

都可以遍历数组中每一项的数据；都不会对空数组进行检测；都不会改变原始数组。通俗点来说some比较容易满足，只要有1个条件符合，他就返回true；every要求高，要全部条件满足，才返回true。

背景尚品汇项目中，教程代码写的如下：在vue.config.js中配置跨域代理用axios封装了一个request.js:.env.development中：可见其是拼接了VUE_APP_BASE_API这个路径：我们写什么他自动给我们拼接上去。解决经过前辈指点改写代码如下：不采用教程里拼接简写这种写法了。在vue.config.js中配置跨域代理request.js: 接着在引用到接口的地方各自补充上对应的/dev-api 、/dev1-api登录部分相关代码： 商品列表部分代码：

[Vue warn]: Failed to resolve directive: lazy

Vue中export const 和 export default的区别

原因：当v-for和v-if同时使用时，VSCode会提示报错，这是因为v-for的优先级比v-if的优先级高，每一次遍历，再一个一个决定是否需要显示出来，渲染了多余的DOM节点，这会影响性能。解决： 1.加一个来解决 2.使用计算属性computed来解决3.使用v-show解决...

利用脚手架，来实现项目上线

需求：想使用axios来遍历数据

第一步：在共享组件中的state准备好测试数据：在单独组件A中编写模板，并且从state中读取数据，遍历出来。OR在单独组件A中引入mapState，使用mapState的对象写法或者数组写法第二步：在单独组件A中双向绑定数据和方法在共享组件中准备用于操作的数据第三步：在单独组件A中的computed中编写单独组件B的数据，接着就可以在A中直接使用B中的数据sum了。 在单独组件B中读取单独组件A的数据 同样，也是在B中的computed计算属性中编写A中的数据，

关于不同版本的Vue:1.vue.js 与vue.runtime.xxx .js的区别:(1).vue.js是完整版的Wue，包含:核心功能+模板解析器。(2).vue.runtime.xxx.js是运行版的Vue，只包含:核心功能;没有模板解析器。2.因为vue.runtime.xxx.js没有模板解析器，所以不能使用template配置项，需要使用render函数接收到的createElement函数去指定具体内容。...

Vue中使用组件的三大步骤： 一、定义组件(创建组件) 二、注册组件 三、使用组件(写组件标签) 一、如何定义一个组件？ 扩展(选项)使用创建，其中Options和New Vue(Options)时传入的那个Options几乎一样，但也有点区别； 区别如下： 1.el不要写，为什么？-最终所有的组件都要经过一个VM的管理，由VM中...

什么是生命周期？生命周期： 1.又名：生命周期回调函数、生命周期函数、生命周期钩子。 2.是什么： Vue在关键时刻帮我们调用的一些特殊名称的函数。 3.生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的。 4.生命周期函数中的this指向是vml或组件实例对象。常用的生命周期钩子： 1. mounted：发送...

自定义指令总结： 一、定义语法： (1).局部指令： new Vue({ new Vue({ directivesl {指令：配置对象} 或 directives(指令名：回调函数) }) ...

指令： v-bind:单向绑定解析表达式，可简写为：XXX v-model：双向数据绑定 v-for:遍历数组/对象/字符串 v-on：绑定事件监听，可简写为@ v-if:条件渲染(动态控制节点是否存存在) v-else：条件渲染(动态控制节点是否存存在) v-show:条件渲染(动态控制节点是否展示)v-text指令： 1.作用：向其所在的节点中...

过滤器： 定义：对要显示的数据进行特定格式化后再显示(适用于一些简单逻辑的处理)。语法： 1.注册过滤器： Vue.filter(name，callback)【全局】 或 new Vue{filters：{}}【局部】2.使用过滤器：{{xxx|过滤器名}}或 v-bind：属性="xxx|过滤器名"备注： 1.过滤器也可以接收额外参数、多个过滤器也可以串联 ...

收集表单数据： 若： <input type="text"/>， 则v-model收集的是value值，用户输入的就是value值。 若： <input type="radio"/>，则v-model收集的是value值，且要给标签配置value值。 若：<input type="checkbox"/> 1.没有配置input的value属性，那么收集的就是check...

v-for指令 1.用于展示列表数据 2.语法：v-for="(item,index) in xxx":key="yyy" 3.可遍历：数组、对象、字符串(用的很少)、指定次数(用的很少)面试题： react、vue中的key有什么作用?(key的内部原理) 1.虚拟DOM中key的作用： key是虚拟DOM对象的标识，当数据发生变化时， Vue会根据【新数据】生成【新的虚 拟DOM】，随后Vue进行【新虚...

条件渲染： 1.v-if 写法： (1).v-if="表达式" (2).v-else-if="表达式" (3).v-else="表达式" 适用于：切换频率较低的场景 特点：不展示的DOM元素直接被移除 注意：v-if可...

绑定样式： 1.class样式 写法：class="xxx" xxx可以是字符串、对象、数组 字符串写法适用于：类名不确定，要动态获取 对象写法适用于：要绑定多个样式，个数不确定，名字也不确定 数组写法适用于：要绑定多个样式，个数确定，名字也确定，但不确定用不用 2.style样式 :s...

监视属性watch： 1.当被监视的属性发生变化时，回调函数自动调用，进行相关操作 2.监视的属性必须存在，才能进行监视！ 3.监视的两种写法： (1).new Vue时传入watch配置watch:{ isHot:{ immediate:true,//初始化时让handler调用一下 // hand...

计算属性 1.定义：要用的属性不存在，要通过已有的属性计算得来。 2.原理：底层借助了Object.defineproperty方法提供的getter和setter。 3.get函数什么时候执行？ (1).初次读取时会执行一次 (2).当依赖的数据发生改变时会被再次调用 4.优势：与methods实现相比，内部缓存机制(...

事件的基本使用： 1.使用v-on:xxx或@xxx绑定事件，其中xxx是事件名 2.事件的回调需要配置在methods对象中，最终会在vm上 3.methods中配置的函数，不要使用箭头函数！否则this指向就不是vm了 4.methods中配置的函数，都是被Vue所管理的函数，this的指向是vm 或 组件实例 对象 ...

什么是数据代理 ？通过一个对象代理对另外一个对象中属性的值（读/写）Vue中的数据代理1.Vue中的数据代理： 通过vm对象来代理data对象中属性的操作(读/写)2.Vue中数据代理的好处： 更加方便的操作data中的数据3.基本原理： 通过Object.defineProperty()把data对象中所有属性添加到vm上 为每一个添加到vm上的属性，都指定一个getter/s...

<!-- 准备好一个容器 --> <div id="root"> <h1>学习名称：{{name}}</h1> <h1>学习地址：{{address}}</h1> <h1>测试一下1：{{1+1}}</h1> <h1>测试一下2：{{$options}}</h1> <h1>测试一下3：{{.

<!-- 准备好一个容器 --> <div id="root"> <h1>你好，{{name}}</h1> </div><script> Vue.config.productionTip = false; // el的两种写法 // const v = new Vue({ // el:'#root',//第一种写法 // data:{ .

<!-- 准备好一个容器 --> <div id="root"> <!-- 普通写法 --> <!-- 单向数据绑定：<input type="text" v-bind:value="name"> <br> 双向数据绑定：<input type="text" v-model:value="name"> --> <!-- 简写 --.

<!-- 准备好一个容器 --> <div id="root"> <h1>插值语法</h1> <h3>你好，{{name}}</h3> <hr> <h1>指令语法</h1> <a v-bind:href="school.url.toUpperCase()" v-bind:x='hello'>点我去{{.

案例实现：用Vue写一个Hello World案例。<!-- 准备好一个容器 --> <div id="root"> <h1>Hello,{{name}}</h1> </div><script> Vue.config.productionTip = false;//阻止vue在启动时生成生产提示 // 创建Vue实例 const x = ne.

Vue的特点：采用组件化模式，提高代码复用率、且让代码更好维护。 声明式编码，让编码人员无需直接操作DOM，提高开发效率。 使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点。