小王同学

这里我用的两种解决方法：1.使用sessionStorage储存数据，页面销毁清空数据created() { if(sessionStorage.rankid) this.rankid = sessionStorage.rankid }, mounted() { this.rankid = this.rankid | this.$route.params.rankid; sessionStorage.rankid = this.rankid }, destro

首先注册一个页面Underrank.vue，在main.js中配置路径{ path: '/underrank', name: 'underrank', component: () => import('@/views/inner/UnderRank') },在需要页面跳转的地方添加<router-link :to="{ name: 'underrank', params: { rankid: ite

当数据没有加载完全的时候显示默认图片，有数据的时候显示数据中的图片。这里借助vue-lazyload插件。首先使用 npm install --save vue-lazyload安装，安装好之后在main.js中引入并配置。import VueLazyLoad from 'vue-lazyload'Vue.use(VueLazyLoad, { loading: require('./assets/common/default.png') //此图片路径为懒加载的默认图})当需要使

html部分：<template> <div class="SliderContainer" ref="slider" @touchstart="touchStart" @touchend="touchEnd" @touchmove="touchMove" > <div class="sliderGroup" ref="sliderGroup"> <div class="slider" v-f

问题描述：在开发播放器过程中，调用酷狗音乐的接口获取数据，但是浏览器报错。因为浏览器的同源机制导致跨域问题。什么是跨域问题呢？由于浏览器的同源机制。当前页面访问的域名，协议，端口号有一个不一致就会导致跨域。虽然跨域了，但是后端服务器还是返回了数据，浏览器发现跨域，为了安全会阻止数据移交。怎么解决1.jsonp：利用<script>标签向不同域发送HTTP请求。2.本地代理浏览器是禁止跨域，但是服务器不禁止，所以前端在本地启动一个服务，作为请求的对象。在

在使用echarts的时候遇到了版本问题。我安装的版本是5.0.0，卸载换成低版本的。npm uninstall echartsnpm install echarts@4.9.0成功解决。

今天做黑马的vue项目的时候，使用了<el-cascader>组件遇到的问题：①无法选择一级元素，通过在props中添加checkStrictly: 'true'解决②高度过长问题。通过在global.css中设置高度解决...

1. axios在项目开发中，需要经常请求数据，如果只用 axios.get() 或者 axios.post() 会造成代码冗余。方法一：全局配置axios，所有组件共用一个axios实例。直接把axios挂载到vue原型，axios配置全局Vue.prototype.$http = axios,再每个.vue文件中发起请求直接this.$http.get/post调用，并且配置全局axios的请求根路径url。 axios.defaults.baseURL = "'缺点：无法实现api

购物车GitHub：GitHub - TsundereAchen/Vue-Demo插槽Slot是vue为组件封装的能力，允许用户在开发的时候把不确定的，希望用户指定的部分定义为插槽。 vue规定：slot都要有一个name，如果省略掉，name是default。 作用域插槽：v-slot只能放在template或者组件中。 template标签，它是一个虚拟标签，只起到包裹作用，不会渲染成任何性质的html元素。 可以在slot中声明后备内容，当用户没有指定填充内容显示，指令覆盖默认内容.

1. 导入组件的命名建议大写，为了区分组件和普通组件。2. 计算属性所依赖的数据发生改变，计算属性会重新计算值。3. 顺序：先指令 在属性 最后绑定事件。4. 动态组件：动态控制组件的隐藏和显示。用<component>表示。component是vue内置的组件，作用是标签占位符，该标签的is属性是要展示出组件的名称，且该名称是在components节点下注册的。<component is="Left"></component>5. 动态组..

v-开头有指令的含义vue组件vue子组件的文件默认是全局生效的：①单页面应用中，所以组件的DOM元素，都是基于唯一一个index.html呈现②每个组件的样式，能够影响整个html中的元素那么在这种环境下，容易发生样式冲突。scoped和deep①如果在组件中style加上scoped,会自动给组件所有元素添加data-v-xxx的属性，防止属性之间样式冲突。②如果使用scoped，想要在子元素中添加样式，则会出现类似: p[data-v-xxx]，有效的做法应该是[d

安装vue-clivue-cli是vue.js开发标准工具。他简化了程序员使用webpack配置项目的过程。npm i -g @vue/cli（-g指的是全局安装）安装好之后可以通过vue -V，查看安装版本，出现类似下图则成功。安装好之后创建一个vue项目，首先在我们需要创建项目的文件目录下输入cmd，接着输入命令行vue create demo-first等创建完成之后我们需要运行项目，cd到对应文件目录下，运行npm run server。vue项目中...

过滤器filter用在插值表达式用和v-bind属性绑定指令中。<p>{{ msg | msgFormate }}</p><p :id="msg | msgFormate"></p>‘|’ --管道符，用来分割字符和过滤器过滤器必须先声明后使用。 vue对象中声明的过滤器是私有的，因为别的vue对象无法访问，如果想要使用，必须声明为共有的过滤器。Vue.filter('方法的名称'，( msg )=>{} )· 第...

vue是什么1.构建用户界面用vue给页面中注入数据2.框架框架是一套现有的解决方案，程序员遵循框架的规范，去编写业务代码 包含vue指令，组件（对ui结构的复用），路由，vueX，vue组件库vue的两个特性1.数据驱动视图数据的更新会驱动试图自动更新（只需要处理数据，就能够把视图自动渲染出来）2.双向数据绑定在网页中，Ajax负责提交数据，form表单负责采集数据js的变化，会自动渲染到界面上 页面上的数据发生变化，会被vue自动获取，并且更新到js数据中注意..

插件安装1.安装webpack 代码中会有兼容性问题，可以用webpack解决，2.安装webpack-dev-server 修改源代码之后实时打包编译3.安装html-webpack-plugin（1）复制html文件放到根目录中（内存中）（2）在复制html文件中自动注入一个脚本，引入内存中的bundle.js4.安装loader类脚本，处理css/less/高级js语法等webpack处理不了的文件，处理之后转交给webpack放入到bundle.js中5.安装clean-webpa.