按需引入在使用element-ui时绝大多数情况，我们都是按需引入，我来总结一下如何按需引入第一步：vue add element第二步：这时会出现这个提醒他是意思是：当前存储库中有未提交的更改，建议提交或者先藏起来。不用管它，直接 y这时会下载element下载完成之后会提示你是完全引入还是按需引入。完全引入的话会使我们的包变大，因为这里边很多组件在我们实际项目中都用不到。所以我们选择按需引入，

场景：我在vue中使用一个gif图，引入之后不显示，确认路径没有问题解决方式：background-size: cover;加上background-size，确定显示大小效果：

如果我们在cmd中出现标题那种错误，或者说：npm ERR! code EEXISTnpm ERR! path D:\nodejs\node_global\node_modules\@vue\cli\bin\vue.jsnpm ERR! dest D:\nodejs\node_global\vuenpm ERR! EEXIST: file already exists, cmd shim 'D:\

我们都知道，vue的特点之一就是数据驱动视图，也就是当我们的数据发生改变的时候，视图也就随之改变了，不需要我们再进行更新视图的操作，但是有一些情况，我们虽然改变了数据，但是视图并没有变化，官网是这样解释的：由于 JavaScript 的限制，Vue 不能检测数组和对象的变化，其实我认为应该说vue不能检测未挂载的即后来添加的新属性，所以需要我们进行一些操作达到我们想让vue检测的目的对于对象Vue

翻译过来就是：无效属性：属性“xxx”的类型检查失败。应为数组，已获取对象你应该检查一下你的默认属性是不是写错了,比如：props:{goodsitem:{type:Array,default(){return[]}}},实际上返回的是一个对象而不是数组应该为props:{goodsitem:{type:Object,default(){return[]

数据绑定最常见的形式就是使用Mustache语法（双括号）的文本插值<p>{{message}}</p>Mustache标签会被替换成Vue实例中数据对象message属性的值。只要绑定的数据对象上message属性发生了改变，插值处的内容就会被更新。这种传送数据方式跟之前不一样，之前我们做页面都是直接写<h2>你好，世界<h2>现在不是我们会通过变

按需引入在使用element-ui时绝大多数情况，我们都是按需引入，我来总结一下如何按需引入第一步：vue add element第二步：这时会出现这个提醒他是意思是：当前存储库中有未提交的更改，建议提交或者先藏起来。不用管它，直接 y这时会下载element下载完成之后会提示你是完全引入还是按需引入。完全引入的话会使我们的包变大，因为这里边很多组件在我们实际项目中都用不到。所以我们选择按需引入，

this.$nextTick第一种情况：页面改变了，但是数据没有改变，我们使用的是this.$nextTick，官网是这样解释的：将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它，然后等待DOM更新。我们通过案例来了解：<template><div id="app"><button @click="change">按钮</button&gt

错误原因：使用计算属性保底的时候没有考虑到值的类型的问题example：<image class="imgTop" src="{{succImgTop}}"></image>//保底succImgTop() {return this.pageData.topImage || {}},怕没有值报错，计算属性整保底，但是src后边跟的都是字符串，所有导致呢出现这种问题。修改方法

错误原因：使用计算属性保底的时候没有考虑到值的类型的问题example：<image class="imgTop" src="{{succImgTop}}"></image>//保底succImgTop() {return this.pageData.topImage || {}},怕没有值报错，计算属性整保底，但是src后边跟的都是字符串，所有导致呢出现这种问题。修改方法