ygy211715的博客

1：修改config下的index.js文件，将输出路径由绝对路径改为相对路径2;修改build文件夹下utils.js文件3：注意，如果路由使用的是history模式则还是会空白，需要在服务器端设置匹配不到路由则跳转到index.html,简单的还是使用默认路由模式hash模式，搞定。...

由于自己没有服务器，因而是申请的华为云免费服务器2：申请过服务器以后登录主机，安装nginx,nginx安装命令apt-get install nginx启动nginxservice nginx start查看nginx是否处于启动状态systemctl status nginx可以添加配置，让每次打开主机都自动启动nginxsystemctl enable nginx设置过程意：如果申请的是华为云的免费云服务器，还要设置一下安全组才能将公网对外访问这时候去访

vuex的作用是用来状态共享的，state中定义数据，但如果需要对数据进行一定的处理，比如说state中有一个数组，但我们需要显示该数组中某些符合特定要求的值，而这些特定的数据需要在多个组件中shi'yong...

vue中使用v-for指令进行循环渲染的时候需要动态绑定一个key属性，那么，绑定key的作用到底是什么呢官方给出的解释是作为唯一标识，高效的更新虚拟DOM，优化性能，那么我们来看下是如何提高性能的如果vue组件中data里有一数组list，是[1,2,3,4]，我们利用v-for循环输出如下，那么可想而知一定是1，2，3，4这样的顺序进行渲染，可是，如果我们改变list为[0,1,2,3,4]呢那么vue的渲染顺序将是在原来的1，2，3，4的基础上进行修改，将之前1的内容换成0，将之前2.

如上所示，如果你想拿到视图中最新的数据进行一定的操作的话，如果直接取值是拿不到视图中最新的数据的。原因就是vuejs的异步更新问题，实际上是先执行了你的打印操作，然后对视图进行了更新。所以呢，如果想拿到最新数据，需要用到vuejs的nextTick方法官方对这个方法的解释是：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 顾名思义就...

说下我在工作中遇到的这个需求1：页面上的菜单选项，选项内容是后台接口返回的数据，现在的需求是当选项的内容超出一行，在这行的右面显示更多，点击更多，显示剩下的选项的内容看下效果图这是展开的效果图下面先看下我的html部分代码<div :class="bussinessType?'show':'hidde'"> <dl> <dt...

描述一下需求项目经历是请求接口拿到的数据，点击叉号可以从前端进行删除，点击添加可以增加一个相同的组件。点击保存，可以增加一个新的项目经历。说一下实现思路1：首先声明一个数组（这里是声明的item数组），用来存放项目经历数据，通过v-for循环，展示数据2：请求接口拿到原有的项目经历数据，放到item数组中，具体操作代码如下这时候就把数据库里原来的数据显示在页面上...

有次在作业的时候，业务需要，点击改变某个数组的某个数据，然而，数组改变了视图却没有更新，各种尝试都没有解决，后来，在网上查资料，了解了vuejs的$set首先说下我了解到的视图不更新的原因，网上说的原因主要是受制于ES5的限制，vuejs不能检测到对象属性的变化，只能检测到data对象上的变化。引用别的博客总结的vuejs能检测带对象变化的·方法和不能检测到的Vue包装了数个数组操作函...

前端开发工作中，难免会遇到做文件上传的功能，现在的前端开发一般都是使用各种框架，基本的前端框架一般都会有自己的上传组件。虽然前端框架很多，但其实相同的组件基本使用方法是大同小异的。公司最近使用的前端框架是iview+vuejs,因工作需要做一个身份证文件上传的功能，组件选择的是iview的上传组件Upload 先展示下效果图，好让这篇文章的同学判断一下需求是否一致未上传之前上传...

我们都知道，Vue.js是用来开发单页面应用的，那什么是单页面应用呢，单页面应用英文简写就是SPA，也就是根据不同的url地址，显示不同的内容，但显示在同一个页面中，所以称为单页面应用。那怎么根据不同的地址来显示不同的内容呢，主要呢就是通过路由配置了，vue中的路由指的是vue-router进来就来说说vue-router的用法1：安装安装有两种方法1：下载vue-router...

我们都知道，anjular，vue之所以这么火很大的一个因素就是因为具备双向数据绑定的功能。至于是怎么实现的，以我的功力自己还参透不了。在网上看了很多篇文章，基本上是理解了，下面说一下我总结的和我理解的vue是如何进行双向数据绑定的。首先呢，我想先说下defineProperty()这个方法，defineProperty这个方法在js中十分的重要，主要功能是用来定义对象的属性或修改原有的属性。并且...

做技术，，有什么好处么。。如果要我说的话，我之所以喜欢做技术，最大的原因是成就感吧。我喜欢做每当做完一个项目的时候的那份成就感。让我感觉自己的存在是有一定的价值的。但~也很累~终生学习是做技术的宿命吧。但是~话说回来了，哪行哪业不需要学习呢。对吧做前端就要不断的学习各种流行的框架，react,angular,vue。。你有没有发现，这些框架跟jquery这些框架不一样，他们采用的都是mvvm的软件...

之所以后端接收不到数据的原因呢是因为使用post方式发送数据的时候，发送的形式是以Request Payload的形式传送了参数。不是我们熟悉的form-data形式。也就是是在请求体中发送的数据，那前端应该如何解决呢。经过查阅资料和实验，引入qs模块是最简单的方法将参数格式化为query参数，因为这个库是axios里面包含的，所以我们可以直接使用。在main.js中引入axios和qsimpor...

1：在使用vue框架的过程中，我们经常需要给一些数据做一些初始化处理，这时候我们常用的就是在created与mounted选项中作出处理。首先来看下官方解释，官方解释说created是在实例创建完成后呗立即调用。在这一步，实例已完成以下配置：数据观测 (data observer)，属性和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。这话的意思我觉得...

vue最大的优点是好维护，复用率高。其中最主要的原因就是一个页面是有很多个子组件拼接起来的，座椅哪个模块需要优化改变，只需要去修改对应的组件即可。所以，各个组件之间肯定是需要相互联系，相互通信的。现在，我们来看下父子组件之间如何相互通信。1：父组件向子组件输送数据，主要通过props属性。props 可以是数组或对象，用于接收来自父组件的数据。props 可以是简单的数组，或者使用对象作为替代，对...

实例化vue对象的重要选项1:data对象是存储所有的vue实例数据的。使用数据的其中一个方法是双花括号，如下所示。2：methods对象，该对象里面主要封装的是vue实例中要用到的方法，其中，如果在方法中想要用到data对象中的数据，就采用this.a的方法来获取数据3:watch监听对象，该对象里主要处理的业务是指定想要监听的对象，一旦该对象作出改变，则执行相应的业务逻辑。模板指令，模板指令是...

身为入行未深的小白前端，不断的学习是我们不可丢失的习惯。前端流行的框架也是层出不穷，vue在众多框架中脱颖而出。今天花了两个小时的时间自己走了一边创建vue项目的流程，跟你们分享。1：打开cmd命令行，首先安装node步骤：https://nodejs.org/en/download/      node官网，选择跟自己的电脑匹配的版本进行下载，然后一步步的安装即可，输入node -v，如果出现版...

1：methods方法中this指的就是vue对象。要使用data中的数据可直接this.XX2:v-for循环动态给img标签绑定src属性通过v-bind，比如<img v-bind:alt="item.title" v-bind:src="getImages(item.images.large)" class="pic"><template><div>..

1：首先修改config目录下的index.js文件，修改build对象下面的assetsPublicPath参数为'./'2：在命令行进入你的项目所在的文件夹，输入命令行 npm run build进行打包。（我的项目是在D盘下的desktop下的myproject下的myvue项目）。3：经过上一步你就能看到在你的项目下有一个dist文件夹4：打开Hbuilder左上角的文件->打开目录...

首先解释一下什么是axios。axios从功能上来说就是主要用于我们前端向后端发送请求，是基于http客户端的promise，面向浏览器和nodejs，axios作用如下浏览器端发送起XMLHttpRequests请求node端发起http请求支持promise API拦截请求和返回转化请求和返回数据取消请求自动转化json数据客户端支持抵御XSRF使用npm安装axios$ npm instal...

1：背景是一个web端的电商网站，根据点击的导航选项卡呈现不同得种类商品，首先这里说下我的路由结构是导航是一个组件，选项卡的内容又是单独的一个组件。这是导航组件的内容，这里主要通过v-for循环生成导航，没什么好说的，需要注意的是，这因为选项卡需要知道用户所点击的是哪个模块，所以在数据中有个typeId属性，这里需要把该属性值传给选项卡组件。<template> <ul cl...

1：什么是vuexVuex是一个专门为vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的的方式发生变化。Vuex也集成到vue的官方调试工具devtools extension。由于Vue SPA应用的模块化，每个组件都有它各自的数据（state），界面（view），方法（actions）。这些数据，界面和方法分布在各个组件中，当...

1：通过组件<router-link></router-link>传参下面来看通过该方式的传参实例这是用来传参的组件<template><div> <h1>这是要传参的路由</h1> <router-link :to="{name:'testresult',params:{id:a,id2:b},query:{q

watch是一个对象，键是需要观察的表达式，值是对应的回调函数。可以观察某个数据，可以使单个数据，也可以是某个对象。 <div class="app"> <input type="text" v-model="msg.name"> <input type="text" v-model="age"> &l