#vue路由传参

vue-cli3项目怎么更换默认图标和title

1.vue-cli3构建的项目目录中有public,该目录下的favicon.ico就是指图标,index.html文件里面可以链接该图标。2.首先将favicon.ico文件修改为自定义的logo,名称不变。以下代码为inde.html中的内容,红色边框中的代码即可链接自己的logo,蓝色边框的代码用于修改标题4.在...

vue怎么看报错

.  1.看以上错误   "TypeError:Cannotreadproperty'path'ofnull".说明是执行了null.path导致报错,那么正常情况下应该是有一个数组,path是数组里面的其中一个值,但是返回的数据为null,赋值给了这个数组。所以执行a...
代码星球 ·2020-12-25

导入别人的vue项目发生的启动问题

问题.1.vue启动项目报错:npmERR!missingscript:serve问题原因:在配置文件中的服务器名称和你启动命令中的名称不匹配。解决方法:查看配置文件package.json中服务器名称,并修改启动命令。将启动命令中服务器名称换为对应名称:npmrunstart问题2:报错Error:listenEAD...

vue 生命周期

它可以总共分为8个阶段:beforeCreate(创建前),created(创建后),beforeMount(载入前),mounted(载入后),beforeUpdate(更新前),updated(更新后),beforeDestroy(销毁前),destroyed(销毁后)然后用一个实例的demo来演示一下具体的效果:...
代码星球 ·2020-12-25

vue中的计算属性computed,watch

什么时候使用computed或者watch:默认加载数据的时候,不触发事件使用计算属性computed的一个实例:vuex中使用state里面的共享数据。当共享数据发生改变时,如果使用computed进行监听,就会很好的将改变之后的数据展现到页面当中去,也可以不使用,但有可能出现数据无法正常显示的问题。vuex和com...

vue项目按需引入Element-UI遇到的问题及解决办法

1.按需引入借助 babel-plugin-component,我们可以只引入需要的组件,以达到减小项目体积的目的。首先,安装babel-plugin-component:npminstallbabel-plugin-component-D2.在项目的src文件夹下新建.babelrc文件,将.babelrc...

vue模块引入错误问题

Modulenotfound:Error:[CaseSensitivePathsPlugin]`D:ase-ssmxiaoMixiaoMi_mallsrccomponentsloading.vue`doesnotmatchthecorrespondingpathondisk`Loading.vue`.Loading....

vuex的使用和理解

.1.vuex工作流程图:vuex旨在用于没有任何关系的组件之间共享数据或传值。  2.这图的执行顺序是这样的:1、组件(VueComponent)通过Dispatch触发Actions里面的动作;2、Actions通过Commit提交Mutations3、Mutations注册事件,通过这些事件来...
代码星球 ·2020-12-25

vue路由和axios插件安装

1.安装vue-router插件,点击左下角三角,进入terminal(终端),输入命令:npminstallvue-router,安装成功后,在package.json中的依赖中出现vue-router:"3.1.3",为vue-router的版本,说明路由插件安装成功。 2.安装vue-axios插件同上...

vue项目创建与启动

1.安装node.js(去官网)2.使用cmd,输入node-v查看是否安装成功输入npm-v查看npm是否安装成功3.安装全局vue:cmd中输入:npminstall-g@vue/cli,回车。4.若安装失败,出现错误如下:根据提示,去查找日志。5。经过查看日志发现以下error, 6.解决办法是(1)清...
代码星球 ·2020-12-25

Vuex

应用于大型项目,单页面没必要使用,想要的页面效果没法实现,可以用vuex实现在main.js注册importstorefrom'/store'newVue({store//全局注册store,在vue任意组件内通过this.$store访问vuex})1.在store文件夹加中,创建index.js在index.js中...
代码星球 ·2020-12-25

Vue基础知识

Vue.config.productionTip=false处理生产环境的错误提示{{变量名}}v-for="(item,index)inarr" :key='index'{{item}} {{index}}<pv-if="flag==1">显示1</p><pv-els...
代码星球 ·2020-12-25

Vue组件之间通信的七种方式

使用vue也有很长一段时间,但是一直以来都没对其组件之间的通信做一个总结,这次就借此总结一下。 父子组件之间的通信1)props和$emit父组件通过props将数据下发给props,子组件通过$emit来触发自定义事件来通知父组件进行相应的操作具体代码如下:  //父组件<temp...

Vue基于snabbdom做了哪些事

之前有简单看过 vue patch部分的源码,了解了是基于 Snabbdom 库实现的。最近想详细了解下 vue 处理vnodepatch的整个过程,想知道它在Snabbdom之上做了哪些事情?所以带着这个问题,写了这篇文章来记录。 Avirtual...

vue中使用ref获取dom对象

本文适用于所有使用 vue 的开发人,包括初学者。在阅读本文之前,你应该具备一些前提条件:Node.js 10.x或更高版本。在终端或命令提示符下运行 node-v 来验证你的版本npm 6.7或以上版本代码编辑器;我强烈推荐VisualStudioCode把...
代码星球 ·2020-12-25
首页上一页...4445464748...下一页尾页