#vue路由传参

基于环信SDK的IM即时通讯填坑之路(vue)

公司最近使用第三方环信SDK的进行通信聊天,基本已完成。记录下填坑之路1.安装npminstalleasemob-websdk--save2.先require,再访问WebIM。require('easemob-websdk');注:该方式只引用了WebSDK,仍需在项目里配置WebIMConfig文件内的参数,用于实...
代码星球 ·2021-02-03

图片的懒加载vue-lazyload

实现图片的懒加载:当要显示的时候才去加载第一步:npm安装:  npminstallvue-lazyload--save第二步:在main.js中导入:  improtVueLazyLoadfrom'vue-lazyload'第三步:安装插件Vue.use(VueLazyLoad...
代码星球 ·2021-02-02

vue项目搭建打脸记录3(上),这次没打成脸哟

这次搞这个轮播图的公共组件,倒是没有被打脸呢脑子:绝对可以手:我擦,居然真可以脑子:啥意思啊???手:牛B因为轮播图也是公共组件,所以将轮播图的组件之间copy到components中的common中去至于使用就更简单了,home组件中,我们打算展示轮播图!。那么首先我们要有数据啊,好的呢,我们去请求数据,将数据请求下...

vue项目搭建打脸2,多次试错,总结出来了第一步关于路由和tabbar的搭建

昨天下午搞了一下午的错。哈哈哈,太佩服自己咯,脑子:我全会了哟,肯定就是这样没错,道理我都知道了,嗯就是这样手:emmm,楼上是个shabi,我按着楼上的来搞,全是错!!!虽然最后还是靠着楼下把错一点点解决了今天早上,我又从新搞了下,发现一个可怕的事情,我创建完项目后,第一步就给卡死了!!!路由有问题???脑子:不应该...

Vue项目搭建打脸记录1

本来我以为,之前搭建过几次了.应该一下就可以了.没想到,我还是犯了些错误.挺低级的错误呢一开始,我重新整了一个工作区.然后我安装vue-router没有全局安装,所以老是出错 恶心+1后来我找到了为啥.就安装呗,安装倒是挺顺利的,然后我就开始搞目录结构这个搞完.我打算直接把上次项目中公共的tabbar拿过来直...

Vue中的事件总线:$bus

在vue中,我们父子之间通信简单明了:父组件向子组件传值:props,在父组件中,用  :要传递过去的名字=“  要传递的值  ”。在子组件中使用props:{}接受即可 子组件向父组件传值:$emit. 通过自定义方法,在子组件中,我们使...

vue项目笔记·1

1.目录结构划分(src里面的【源码中的目录结构划分】) assets文件夹:资源的意思(用于存放图片等资源)----------------------->                  1.img文件夹                      ...
代码星球 ·2021-02-02

Vuex 核心属性(下)

Modules:可以定义新的模块官方上说,当我们的应用变的非常复杂时,store对象就有可能变得相当臃肿为了解决这个问题,Vuex允许我们将store分割成模块(Module),在这里,每个模块都拥有自己的state、mutations、actions、getters等 写个例子吧:首先我们来声明一个modu...
代码星球 ·2021-02-02

Vuex 核心属性(中)

Mutation同步函数:在mutations中使用异步操作的话,页面上devtools工具无法跟踪信息。所以在mutations中的方法必须是同步方法Action的基本定义我们强调,不要再mutation中进行异步操作,但再某些情况下,我们确实希望再vuex中使用异步操作(网络请求等)那么我们就可以使用Action了...
代码星球 ·2021-02-02

Vuex核心属性(上)

state:单一状态树(单一数据源),主要是用来存放状态的 如:count:0Getters:类似于单个组件里面的计算属性mutations:状态更新的唯一方式:commitmutations  主要分为2部分:  1.字符串的事件类型  increment(state){state.co...
代码星球 ·2021-02-02

Vue 路由懒加载 和 路由导航守卫

在vue中,不使用懒加载的情况下,我们打包后的dist中会有2个文件夹.分别用于存放css 和 js,在js中,会生成3个js文件:  *代表生成的数字字母等1.app.******.js:  这个js存放的是我们的自己写的逻辑,业务等js代码2.manife...

Vue 打开时会出现如:{{message}}怎么解决呢?

想要解决打开页面出现{{message}},我们需要使用 “隐身斗篷” : v-cloak举个例子:<divid="app"></div>我们通过el:“#app"挂载到app这个大的div中然后我们:<divid="app" v-cloak>...

Vue 监听--->watch

关于Vue的监听:watchwatch是对单个属性的监听对于基本数据类型的监听    简单监视对于复杂数据类型的监听    深度监视下面的代码,有一个简单监视 和 一个深度监视<body><divid=...
代码星球 ·2021-02-02

Vue中的组件通信

这两天在学Vue,记录一下我认为比较重要的东西Vue中的组件通信:  我们可以分为3个步骤来:1.声明局部子组件,简称"声子",2.挂载到dom树上面去,简称:"挂子"3.进行使用,简称:"用子"上面写的别人可能看不太明白,毕竟只是我的看法:<body><divid="app"&g...
代码星球 ·2021-02-02

Vue中点击按钮切换图片;

页面效果比较差,但是有图总比没图强点   这是最开始的页面,我们看到,图中只有一个"右箭头",点击右箭头;   左箭头也有了,然后我们继续点击右箭头;   右箭头没有了,只剩下了左箭头,以上就全部的效果图了;分析一下,如何做到这个...
首页上一页...2627282930...下一页尾页