Vue
Y__Cheng
...
展开
-
【vue】npm run build打包路径问题
直接插入主体 额不 主题我的vue脚手架目录结构如下 有个config文件夹,在index.js中有两个方法一个开发dev,一个生产build。 - dev: 是我们的开发环境,资源使用绝对路径,所以可以正常看到背景图片 - build: 是我们的生产环境,资源使用相对路径,所以会报错一:Vue打包js,css等的路径问题我们打包自然要设置build中的代码了。下...原创 2018-06-08 12:31:07 · 50074 阅读 · 8 评论 -
【Vue】vue脚手架run dev之后如何自动启动浏览器
vue脚手架 npm run dev 启动浏览器之前vue脚手架npm run dev 就会自动启动浏览器,但是现在的脚手架会出现如下图 看图:你的应用程序在这里运行:http://localhost:8080 需要手动 Alt+点击解决办法:找到config文件夹下面index.js文件,里面有个dev方法,修改autoOpenBrowser状态为true。看...原创 2018-06-12 11:39:13 · 6586 阅读 · 0 评论 -
【Vue】vuecli导航守卫动态改变标题(title)
Vue-cli是快速构建单页应用的脚手架,单页所以只有一个index.html入口,只有一个app实例。 但是我们做的项目中,每个页面的标题描述是不同的,又要改变title,所以这里就需要用到导航守卫了Vuecli搭建之类的这里就不详述了…导航守卫:正如其名,vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由...原创 2018-06-13 20:06:57 · 12658 阅读 · 5 评论 -
【Vue】vuecli父向子传递数据,并且通过sessionStorage保存当前状态
下图部分打码(职业操守),点击产业时会有一个下拉并且底部会有一个黄色线条,选择对应的选项,跳转到对应产业的分类页面说明这里导航栏是一个组件,中间内容也是一个组件,里面包含了1,2,3三个板块,是通过v-if判断显示,所以需要通过父传值到子组件中来判断是选择的是哪一个产业。而且这时候如果你刷新了的话,值会恢复到默认值,底部分黄线就会跑到第一个首页的下面,下面也是一样黄线会跑到1号下面 ...原创 2018-06-14 16:46:59 · 2466 阅读 · 0 评论 -
【Vue】vue生命周期
vue里的生命周期是什么?vue实例从创建到销毁的过程称之为vue的生命周期vue的生命周期各阶段都做了什么?beforeCreate: 实例创建前:这个阶段实例的data、methods是读不到的created: 实例创建后:这个阶段已经完成了数据观测(data observer),属性和方法的运算, watch/event 事件回调。mount挂载阶段还没开始,$e...转载 2018-06-14 17:10:44 · 1675 阅读 · 0 评论 -
【Vue】vuecli mock模拟数据+json-server
如果我们的项目利用的是前后端分离的话,前端后台是同时开发的,但是后台接口往往是落后于页面开发的,所以我前端就需要用到模拟的数据来替代后台的接口。现在有很多的mock数据工具,这里我们讲的是json-server,相对于简单,容易上手。开始前提你们肯定应该安装了node了,然后在全局安装json-servernpm install json-server -glinux/ma...原创 2018-06-23 18:34:09 · 1690 阅读 · 2 评论 -
【Vue】vue中img的src属性绑定问题
问题:img的src属性填写的图片地址,可以正常渲染,但是一旦利用绑定:src属性的时候,图片就加载失败了 需求:鼠标移入切换图片 上一位前端小哥哥,没做这个交互,我接手后加上去,很简答的交互,我替换图片的时候准备三元判断,src需要属性绑定,于是发现同样的地址,我放上去图片就是加载不出来,图片加载不出来,那肯定是地址问题了(插一句:上一位大佬文件结构可能不规范),一般都是static存放...原创 2018-07-31 19:52:55 · 129849 阅读 · 23 评论