vue

vue项目实例-常用标签

感谢:https://www.jianshu.com/p/5d9b341d650f总结:1、<router-linkto=''>主要实现跳转链接功能,属性to='/'即是跳转到path为'/'的路径.2、v-bind动态绑定指令,格式为:v-bind:你要动态变化的值="表达式"3、v-for列表渲染例:&...

vue v-show无法动态更新的问题

本人之前学过angularJS,记得v-for绑定的数组,只要切换v-if=''item.show''只要改变相关的值,就可以对应的值,视图就会重新渲染,但是在vue中却不灵了,找到答案了,需要Vue.set来赋值。先引入Vue 然后:editTitle(item,index){item.showInput=...

vue设置背景图片

现在data里面定义:note:{backgroundImage:"url("+require("../../assets/home/bigdatabak.png")+")",backgroundRepeat:"no-repeat",backgroundPosition:"center",}<divclass="...
代码星球·2020-04-16

vue项目在nginx中不能刷新问题

修改nginx配置文件为server{listen80;server_namewww.vue.com;roothtml/xxx/dist/;client_max_body_size500m;#图片路径拦截,定位到图片静态资源location/{try_files$uri$uri/@router;indexindex.h...

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