vue
文章平均质量分 63
Y-LOL
这个作者很懒,什么都没留下…
展开
-
再使用vue 2.0 的时候碰到的坑,日后继续跟进
今天在开发vue组件的时候在销毁的时候destoryed 的时候 出现了[Vue warn]: Error in nextTick: "TypeError: Cannot read property '__ob__' of undefined"warn @ vue.esm.js:476handleError @ vue.esm.js:559(anonymous) @ vue.esm.js:7原创 2017-09-25 22:07:34 · 7104 阅读 · 1 评论 -
Vue系列教程(四)—— 与 Vuex 的第一次接触
在 Vue.js 的项目中,如果项目结构简单, 父子组件之间的数据传递可以使用 props 或者 $emit 等方式 https://blog.csdn.net/preferG/article/details/82767020但是如果是大型项目,很多时候都需要在子组件之间传递数据,使用之前的方式就不太方便。Vue 的状态管理工具 Vuex 完美的解决了这个问题。 一、安装并引入 Vu...原创 2018-09-21 15:47:03 · 276 阅读 · 0 评论 -
Vue 系列教程(三)—— 使用 vue-router 跳转页面
使用 Vue.js 做项目的时候,一个页面是由多个组件构成的,所以在跳转页面的时候,并不适合用传统的 href,于是 vue-router 应运而生。官方文档: https://router.vuejs.org/zh-cn/essentials/getting-started.html 演示demo地址 https://download.csdn.net/download/prefer...原创 2018-09-19 17:21:30 · 909 阅读 · 0 评论 -
Vue系列教程(七)—— Vue2.5 + Typescript 构建项目
Typescript 在前端圈已经逐渐普及,Vue 2.5.0 改进了类型声明,使得对 TypeScript 更加友好不过要想在项目中直接使用 TypeScript 仍然需要对项目进行一些改造PS: 建议使用 Visual Studio Code 进行开发 vue-cli 3.0 可以直接创建 typescript 项目,不过目前还只有 beta 版,有兴趣的朋友可以尝试一下...原创 2018-09-24 21:04:42 · 944 阅读 · 0 评论 -
Vue系列教程(六)—— 使用axios发送请求
在Vue1.0的时候有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方就不再更新 vue-resource。关于为什么放弃推荐? -> 尤大原话Ajax 本身跟 Vue 并没有什么需要特别整合的地方,使用 fetch polyfill 或是 axios、superagent 等等都可以起到同等的效果,vue-resource...原创 2018-09-24 20:49:56 · 737 阅读 · 0 评论 -
Vue系列教程(五)—— 组件进阶
组件(Component)是 Vue.js 最强大的功能之一,之前的文章都只是用到了基本的封装功能,这次将介绍一些更强大的扩展。 一、基本用法在使用 vue-cli 创建的项目中,组件的创建非常方便,只需要新建一个 .vue 文件,然后在 <template> 中写好 HTML 代码,一个简单的组件就完成了这里面使用了vant 有赞的组建,详情可以查看https://you...原创 2018-09-24 01:01:04 · 376 阅读 · 0 评论 -
Vue系列教程(二)—— 组件之间的数据传递
Vue 的组件作用域都是孤立的,不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。首先用 vue-cli 创建一个项目,其中 App.vue 是父组件,components 文件夹下都是子组件。一、父组件向子组件传递数据在 Vue 中,可以使用 props 向子组件传递数据。 子组件部分:这是 header.vue ...原创 2018-09-19 09:10:58 · 280 阅读 · 0 评论 -
vue系列教程(一)—— 使用 vue-cli 搭建项目
一、 安装 node.js首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载安装包。安装完成后,可以命令行工具中输入 node -v 和 npm -v,如果能显示出版本号,就说明安装成功。 二、安装 vue-cli安装好了 node,我们可以直接全局安装 vue-cli:npm install -g vue-cli但是这种安装方式比...原创 2018-09-18 15:56:56 · 312 阅读 · 0 评论 -
有关vue v-for 多层循环嵌套获取 行数的
在做vue项目的时候难免会用到循环,可是但我们后台数据返回多条记录而且是多层嵌套关系的时候,我们需要获取当前第几次循环此时就会出现问题。下面给大家介绍两种方式,第一种是基于数学公式:第一次循环*(第二次循环总长度)+1+第二次循环 可以获取当前第几次循环第二种方法:是在方法中进行计算返回当前下标。废话不多说先看一下效果吧具体代码如下:测试数据json字符串:p原创 2017-10-20 21:12:34 · 40978 阅读 · 5 评论 -
webpack+vue创建简单项目并整合iview
第一步:安装nodejs环境下载地址:nodejs官网 下载后傻瓜式安装即可,安装成功后再控制台输入 node -v 如果安装正确的话 会出现如果没有出现 版本号 而是出现node 不是内部命令的话 需要配置一下环境变量,如果已经出现版本号,此步骤可以忽略。 怎样配置环境变量?将安装node的路径剪切,右键我的电脑-->属性-->高级系统环境设置-->原创 2017-10-20 22:33:40 · 5361 阅读 · 1 评论 -
使用iview的一些问题及其解决办法
最近使用了一下iview,iview是一套基于 Vue.js 的高质量 UI 组件库,使我们在做前端和后端的时候,有更多的时间花在后台的优化上面,大部分优化就交给iview来帮我们实现啦。iview 官方网址。iview上手还是非常简单的。相比element ui 简单的多当然一个新的组件就意味着多了一个坑。有坑我们就需要想办法解决。谁叫我们都拿着小铲子在挖坑给填坑的人呢,不开玩笑了。下面进入原创 2017-10-18 21:19:42 · 18116 阅读 · 5 评论 -
Vue项目自动转换 px 为 rem,高保真还原设计图
前端开发中还原设计图的重要性毋庸置疑,目前来说应用最多的应该也还是使用REM。然而很多人依然还是处于刀耕火种的时代,要么自己去计算rem值,要么依靠编辑器安装插件转换。而本文的目标就是通过一系列的配置后,在开发中可以直接使用设计图的尺寸开发,项目为我们自动编译,转换成rem。技术栈vue-cli:使用脚手架工具创建项目 postcss-pxtorem:转换px为rem的插件。自...原创 2018-09-28 08:56:14 · 765 阅读 · 0 评论