vue
flying_huixia
希望在编程的道路上一直进步,结识更多志同道合的人!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue购物车项目遇到的知识点
1、vue图片静态路径可以加载成功,但是List里面的src属性动态赋值,图片无法显示 解决:require("@/img/xxx.png") 2、路由跳转传递的参数可以是对象吗 可以;使用params传递参数 3、购物车中,点击增加数量,只对当前物品进行小结计算,vue的v-for循环中item中的对象数据的处理怎么挪入computed中来计算。 因为computed不能携带参数,但是需要把当前Index传递进去,去计算金额,使用methods来代替 getTotalPrice()原创 2020-09-13 20:59:57 · 874 阅读 · 0 评论 -
Vue项目环境准备以及常用git命令
1 Vue项目环境准备(1)下载按安装Node.js运行环境,node-v 用来检查已安装node版本npm为一个包管理工具 npm-v检查npm版本号(包含一些代码开发效率、版本控制)(2)注册码云账号(网上git云仓库)(3)在本地安装git,git --version检查是否安装成功windows系统 git bash 执行SSH keygen邮箱填写自己的邮箱git clone把线上代码放...原创 2018-07-03 18:46:04 · 897 阅读 · 0 评论 -
码云代码托管常用命令以及本地代码提交到线上git仓库命令总结
最近用vue写了一个小项目,代码托管工具选了码云。每次开发都会先在码云上面创建新的分支,然后本地拉取这个新分支,并且此次在这个新分支中进行代码开发。以下对整个Git命令做一个总结。 一、码云托管Git命令使用 开发前工作 1 在码云上新建分支,如上图中的detail-list,detail-ajax 2 在本地执行命令 git pull 这将会拉取线上can仓库刚创建的分支。再输...原创 2018-12-17 14:15:56 · 286 阅读 · 0 评论 -
vue项目报错的以及echarts动态获取数据并展示折线图的几点整理
1、在npm run dev时报错 This relative module was not found: views/inform/setting/type.vue没有找到相关模块,一直以为是router路由没配置。后来才发现。是../../components/wrapper-content模块没找到,路径写错了,对应目录还应该再上一级,为../../../,即遇到这个报错,就看自己引入的模...原创 2018-12-26 20:04:48 · 3055 阅读 · 6 评论 -
总结:iview(基于vue.js的开源ui组件)学习的一些坑(二)
1、iview中modal遇到的一点问题,在新增内容时,需要弹出Modal框(modal框包含一个表单),第一次就是默认的placeholder数据,可是第二次打开时,就是上一次填的值。官网并没有提醒。。。 解决办法是:用watch监听函数,监听modal框,当打开时如果里面有数据就清空,或者关闭这个modal框时,顺便把数据清空。 其中add_model时双向绑定到Madal框上的 ...原创 2018-12-28 09:20:35 · 976 阅读 · 0 评论 -
总结:iview(基于vue.js的开源ui组件)学习的一些坑(一)
1、要改变组件的样式 找到这个组件的class名,然后覆盖样式。 举例:修改select框,显示圆角。只需给找到类名并写样 .ivu-select-selection{ border-radius:15px; } 2、form表单必须有:model="formInline" :rules="ruleInline" <Form ref="formInline" :model...原创 2018-12-21 19:58:33 · 1926 阅读 · 2 评论 -
总结:iview(基于vue.js的开源ui组件)学习的一些坑(三)
1、深入理解vue传参数 (1)params传参数---参数在url中不显示。 需要name:页面路由的名字,需要传递的参数为对象,放在params里面。 this.$router.push({ name: "list-item-edit", params: {reportItemData:datas} }) 接收参数:$route.params.reportItemData. ...原创 2019-01-09 09:23:52 · 619 阅读 · 0 评论 -
电商小程序实战之mpvue-weui简介及mock数据
一、Mpvue-WeUI是基于 mpvue 的一个小程序 UI 框架, 保留了 weui 的视觉规范,旨在提高小程序开发体验,同时让用户的使用感知更加统一。基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系。 微信小程序请求接口,官网第三方的网络请求库 fly,主要是小程序不支持ajax,所以flyio相当于在axios的基础上把这些兼容了. 引入 var ...原创 2019-04-10 21:32:27 · 1820 阅读 · 0 评论 -
vue的mvvm原理简单实现
1、实现原理图 2、实现思路 三大模块: 模板编译 主要简单处理两种:1指令编译 v-modle 2 文本编译 {{data}} 对应 更新元素数据(input) 方法 更新文本数据方法 数据劫持 遍历传进来的数据对象,分别给对象的属性重写get \ set 方法 利用了Object.defineProperty 观察者 将劫持和编译联系起来 ----》发布订阅 订阅...原创 2019-08-17 16:34:23 · 378 阅读 · 0 评论
分享