随笔分类 -  Vue的相关内容分享

记录Vue中一些组件,路由等相关知识点的内容
vue实现文字上下滚动
摘要：实现文字的上下滚动使用positon的relative的top属性，通过动态改变top来实现相关内容的更换，通过transion来实现相关的动画效果， 相关的dom内容 相关css内容 相关script内容 阅读全文
posted @ 2018-07-31 11:26 Sarah119 阅读(3295) 评论(0) 推荐(0)
vue2.0 $router和$route的区别
摘要：$route为当前router跳转对象,里面可以获取name、path、query、params等 $router为VueRouter实例，想要导航到不同URL，则使用$router.push方法 返回上一个history也是使用$router.go方法 阅读全文
posted @ 2018-05-08 10:34 Sarah119 阅读(342) 评论(0) 推荐(0)
vue做移动端适配，借助px2rem 插件方便的将px单位转为了rem
摘要：vue做移动端适配，借助px2rem 插件方便的将px单位转为了rem。 1、安装 npm install px2rem loader lib flexible save 2、在项目入口文件main.js中引入lib flexible import 'lib flexible/flexible.js 阅读全文
posted @ 2018-04-10 18:37 Sarah119 阅读(1) 评论(0) 推荐(0)
vue打包后显示空白正确处理方法
摘要：vue打包后显示空白正确处理方法是 1、找到配置文件（js与css加载不上） 修改 这样打包处理可以打开但是页面样式会找不到 2、修改（针对css中的图片加载不上） 找到对应的位置加上publicPath: '../../' 然后就成功了！ 很多朋友还遇到这样的问题 vue打包后index文件一片空 阅读全文
posted @ 2018-04-10 16:00 Sarah119 阅读(1498) 评论(0) 推荐(0)
vue打包后js和css、图片不显示，引用的字体找不到问题
摘要：vue打包后js和css、图片不显示，引用的字体找不到问题；图片一般都是背景图片。 一、vue打包出现js和css不显示问题： 1、不使用mode：‘history’ 2、使用mode：‘history’手动添加： dist包不是服务器跟目录，在index.htm里手动给js和css添加dist目录 阅读全文
posted @ 2018-04-10 15:57 Sarah119 阅读(1400) 评论(0) 推荐(0)
vue中eventbus的使用
摘要：eventbus的方法很是简单，我们需要做三步事情: 第一步，我们需要创造一个容器去充当我们的eventbus 第二步，我们需要去抛出，或者说提交我们的事件 第三步，我们去监听我们的那个事件（也许这才是第二部） 1、首先，我们需要在全局定义我们的eventbus 2、接着使用bus.$emit()抛 阅读全文
posted @ 2018-04-03 14:47 Sarah119 阅读(776) 评论(0) 推荐(0)
vue上传图片到oss
摘要：``` ``` 阅读全文
posted @ 2018-03-15 16:31 Sarah119 阅读(1) 评论(0) 推荐(0)
vue中上传图片到七牛（app）
摘要：``` ``` 阅读全文
posted @ 2018-03-15 14:27 Sarah119 阅读(1) 评论(0) 推荐(0)
vue组件中使用iframe元素
摘要：需要在本页面中展示vue组件中的超链接，地址栏不改变的方法: 需要使同层元素不被覆盖，可以加 不过html5有新的dialog元素用于对话框。 iframe的一些方法： 获取iframe内容： 自适应 iframe: 即1去掉滚动条，2设置宽高 例子： 阅读全文
posted @ 2018-02-07 10:21 Sarah119 阅读(556) 评论(0) 推荐(0)
require和import的使用
摘要：一、前言 ES6标准发布后，module成为标准，标准的使用是以export指令导出接口，以import引入模块，但是在我们一贯的node模块中，我们采用的是CommonJS规范，使用require引入模块，使用module.exports导出接口。 不把require和import整清楚，会在未来 阅读全文
posted @ 2018-01-11 16:43 Sarah119 阅读(481) 评论(0) 推荐(0)
VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
摘要：我们在开发项目的时候，往往会在同一个局域网进行开发，前后端分离同时进行开发。我们前端调用后端给的接口也是在局域网内部的。但是，当项目推到线上的时候，我们会从真实服务器上获取接口，因此，我们可能在测试接口和真实接口之间频繁切换，可以通过config来进行相关的配置。 第一步，分别设置不同的接口地址 首 阅读全文
posted @ 2018-01-11 11:19 Sarah119 阅读(941) 评论(0) 推荐(0)
vue 实例的生命周期
摘要：  Vue把整个生命周期划分为创建、挂载、更新、销毁等阶段，每个阶段都会给一些“钩子”让我们来做一些我们想实现的动作。 分为以下几个阶段 1、beforeCreate   此阶段为实例初始化之后，数据观测 (data observer) 和 事件配置(even 阅读全文
posted @ 2017-11-16 12:01 Sarah119 阅读(296) 评论(0) 推荐(0)
vue中computed与watch的异同
摘要：一、computed 和 watch   都可以观察页面的数据变化。当处理页面的数据变化时，我们有时候很容易滥用watch。 而通常更好的办法是使用computed属性，而不是命令是的watch回调。   很容易看出 computed 在实现上边的效果时，是更 阅读全文
posted @ 2017-11-16 11:07 Sarah119 阅读(4483) 评论(0) 推荐(0)
vue+mui+html5+ plus开发的混合应用底部导航的显示与隐藏
摘要：1、 模板相关内容（template） 2 script中的数据与方法 3、style的相关内容 阅读全文
posted @ 2017-11-13 10:55 Sarah119 阅读(4825) 评论(0) 推荐(0)
原生js中获取this与鼠标对象以及vue中默认的鼠标对象参数
摘要：1、通过原生js获取this对象 =>结果为： 2、原生js获取鼠标对象 =>结果为： 3、vue中默认的鼠标参数 =>结果为： 阅读全文
posted @ 2017-11-10 12:59 Sarah119 阅读(2183) 评论(0) 推荐(0)
Vue中独立组件之间数据交互
摘要：独立组件之间数据交互：通过自定义事件 组件A中的【数据】，传递给组件B 1.创建组件A，组件B 2.组件B在实例创建完成时就开始监听事件【等待接收数据】:钩子 3.组件A中触发事件，发送数据 注意：接收数据的函数，一定要绑定在生命周期创建钩子上（created:function(){}）1、引入相应 阅读全文
posted @ 2017-03-17 21:34 Sarah119 阅读(2029) 评论(0) 推荐(0)