vue

VUE npm run build的项目出现跨域请求的问题npm run dev没有这个问题

报错信息AccesstoXMLHttpRequestat'http://platformapi-test.lih-elearning.cn/api/v1/login'fromorigin'http://www.vue.com'hasbeenblockedbyCORSpolicy:RequestheaderfieldAc...
代码星球·2020-04-16

Vue 指令大全

准备开始本章要给大家带来的内容是相关Vue中的组件以及一系列常用属性。本章合适人群囊括了除已有开发经验人员以外的小白新手,从how、why、what三个角度来让大家理解并使用该技术历史介绍angular09年,年份较早,一开始大家是拒绝star:33.4kreact2013年,用户体验好,直接拉到一堆粉丝star:89...
代码星球·2020-04-15

vuecli3使用阿里巴巴字体图标库

弄了一晚上太坑了!!!!1.在阿里图标库下载图标2.下载的解压后,选取四个字体文件  3.在src/assets文件夹下新建一个叫iconfont的文件夹,把这个四个字体文件放进去4.在src/assets/文件夹下新建一个叫styles的文件夹,把iconfont.css放进去5.在main.js...

vue 渲染原理

现在基本所有的框架都已经认同这个看法——DOM应尽可能是一个函数式到状态的映射。状态即是唯一的真相,而DOM状态只是数据状态的一个映射。如下图所示,所有的逻辑尽可能在状态的层面去进行,当状态改变的时候,View应该是在框架帮助下自动更新到合理的状态,而不是说当你观测到数据变化之后手动选择一个元素...
代码星球·2020-04-15

vue的请求数据方式

一,vue-resource请求数据介绍:vue-resource请求数据方式是官方提供的一个插件步骤:1,npm安装   npm installvue-resource --save或者使用cnpm淘宝镜像安装,会快很多。cnpm install ...
代码星球·2020-04-15

elementUi 组件--el-table

【需求】在element中,将表格中的数据进行处理,然后渲染出来。例如,将数据保留小数点后两位显示。【知识点】formatter:用来格式化内容【分析】在element的table中,实现的过程是,数据需要绑定在 :data="tableData"中,然后通过prop读取tableData...
开发笔记·2020-04-15

elemetUi 组件--el-upload

【需求】实现上传Excel文件,在上传到服务器时,还要附加一个参数,在请求上传文件接口前,先要进行文件格式判断。【知识点】  1、el-upload官方文档中,主要用到了以下属性:data可选参数,上传时附带的额外参数name可选参数,上传的文件字段名before-upload可选参数,上传文件之前的钩子,参数为上传的...
开发笔记·2020-04-15

23、vue实现获取短信验证码

1、html页面:<el-form-itemprop="phoneCode"class="pr"><el-inputplaceholder="短信验证码"v-model="form.phoneCode"></el-input><button@click.prevent="get...

vue_插槽的理解和使用

对于插槽的概念和使用,这是vue的一个难点,这需要我们静下心来,慢慢研究。以下是我这两天通过官网和其他资料的学习和使用总结出来的笔记,如有错误或者有不同见解的,欢迎留言,一起学习。插槽就是子组件中的提供给父组件使用的一个占位符,用<slot></slot>表示,父组件可以在这个占位符中填充任何模...
代码星球·2020-04-15

Vue双向绑定原理,教你一步一步实现双向绑定

当今前端天下以Angular、React、vue三足鼎立的局面,你不选择一个阵营基本上无法立足于前端,甚至是两个或者三个阵营都要选择,大势所趋。所以我们要时刻保持好奇心,拥抱变化,只有在不断的变化中你才能利于不败之地,保守只能等死。最近在学习Vue,一直以来对它的双向绑定只能算了解并不深入,最近几天打算深入学习下,通过...

vue项目实战

本篇文章主要介绍了vue的环境配置,vue项目的目录结构以及在开发vue项目中问题的一些解决方案。环境配置及目录结构1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)2.基于node.js,利用淘宝npm镜像安装相关依赖在cmd里直接输...
代码星球·2020-04-15

vue系列---Vue组件化的实现原理(八)

阅读目录一.什么是Vue组件?如何注册组件?1.1全局注册组件1.2局部注册组件二:组件之间数据如何传递的呢?1)props2)$emit3)使用$ref实现通信4)$attrs和$listeners及inheritAttrs5)理解provide和inject用法6)理解使用bus总线三:在vue源码中注册组件是如何...

如何搭建一个vue项目(完整步骤)

参考资料一、安装node环境  1、下载地址为:https://nodejs.org/en/  2、检查是否安装成功:如果输出版本号,说明我们安装node环境成功    3、为了提高我们的效率,可以使用淘宝的镜像:http://npm.taobao.org/  输入:npminstall-gcnpm–reg...

Vue作者尤雨溪:以匠人的态度不断打磨完善Vue (图灵访谈)

访谈对象:尤雨溪,Vue.js创作者,VueTechnology创始人,致力于Vue的研究开发。访谈内容: 你为何选择从事前端方面的工作?其实,我本科读的是艺术史,研究生阶段学习Design&Technology,是设计和技术的混合。开始做前端的一个重要原因是,没有人帮我把设计出来的作品放到网站上给别...

vue关于html页面id设置问题

  vue是一个前端框架,类似于angularJS等,vue在编写的时候需要在html页面指定id,但是不是都可以实现的,一般放在id需在div设置里才可以实现。(一)在html里设置id:1<!DOCTYPEhtml>2<htmlid="vue">3<head>...
代码星球·2020-04-14