vue
success_on
这个作者很懒,什么都没留下…
展开
-
最全最详细的 component组件 详解
全局组件使用 Vue.component('组件名',{ template:`<div>模板</div>`, data(){ return:{ name:"张三' } }, methods:{ }})使用 <组件名></组件名>局部组件使用 Vue.component('组件名',{ template:`<div>模板</div>`, data(){ return:{ name:原创 2021-06-03 09:56:13 · 4007 阅读 · 0 评论 -
公交事件总线bus
公交事件总线:1.创建事件总线,就是实例化一个空Vue对象赋值给一个变量2.通过这个对象调用.emit(′消息名′,′值′)发布消息3.使用.emit('消息名','值')发布消息3.使用.emit(′消息名′,′值′)发布消息3.使用.on(‘消息名’,处理函数) 用来监听4. .$off(‘消息名’) 销毁*1.创建事件总线,就是实例化一个空Vue对象赋值给一个变量2发布 bus.$emit3监听var bus = new Vue() Vue.component('wxa原创 2021-06-03 09:47:34 · 273 阅读 · 0 评论 -
vue filter过滤器
全局过滤器Vue.filter('ming',function(da){})全局过滤器 Vue.filter('ming',function(da){}) 可以在任何地方使用 //如何使用过滤器 使用 {{属性|过滤器名字}}可以在任何地方使用//如何使用过滤器 使用 {{属性|过滤器名字}}局部过滤器在组件或vue实例里面使用 filters:{ 过滤器名(){}}定义的是局部过滤器,只能在自己的组件内部使用案例:<div id="box"&g原创 2021-06-03 09:44:02 · 95 阅读 · 0 评论 -
在Vue组件中如何获取Vuex状态(简单例子)
由于 Vuex 的状态存储是响应式的,从 store 实例中读取状态最简单的方法就是在计算属性中返回某个状态:// 创建一个 Counter 组件const Counter = { template: `<div>{{ count }}</div>`, computed: { count () { return store.state.count } }}每当 store.state.count 变化的时候,原创 2021-05-27 08:49:51 · 1771 阅读 · 1 评论 -
vueX的简单使用
每一个 Vuex 应用的核心就是 store(仓库)。“store”基本上就是一个容器,它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同:Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。这样使得我们可以方便地跟踪每一个状态的变化,从而让原创 2021-05-27 08:45:27 · 69 阅读 · 0 评论 -
vueX的使用
初始化store下index.js中的内容import Vue from 'vue'import Vuex from 'vuex'//挂载VuexVue.use(Vuex)//创建VueX对象const store = new Vuex.Store({ state:{ //存放的键值对就是所要管理的状态 name:'helloVueX' }})export default store将store挂载到当前项目的Vue实例当中去 打开m转载 2021-05-27 08:40:34 · 69 阅读 · 0 评论 -
vuex安装
什么是vuex?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。简单来说vuex 是一个专为 Vue.js 应用程序开发的状态管理模式.如何安装Vuex?直接下载/CDN引用.下载地址:https://unpkg.com/vuex原创 2021-05-27 08:35:56 · 227 阅读 · 0 评论 -
分页器的属性和使用
在写页面的时候数据多的时候,一个页面能显示的数据是有限的.其他数据想显示就需要分页器放到其他页面从而来放到页面上.分页器的属性一般为:@size-change=“handleSizeChange” 绑定的是 pagesize 改变的事件@current-change=“handleCurrentChange” 绑定的是 页码值 改变的事件:current-page=“queryinfo.pagenum” 代表当前显示第几页 这里动态的获取 data 里的 条数:page-size=“queryi原创 2021-05-19 19:51:09 · 667 阅读 · 0 评论 -
一个next()能造成多大的危害?亲身经历
本人在最近写的一个页面中遇到的一个问题我的首页基本已经写完了.然而在写路由守卫时,不知道遇到什么bug导致整个页面全部空白这是错误的路由守卫代码router.beforeEach(async(to,form,next)=>{ const token = localStorage.getItem('token'); // console.log(token) const isLogin= !!token; // console.log(isLogin)原创 2021-05-17 20:14:45 · 144 阅读 · 0 评论