随笔分类 - Vue
摘要：<el-dialog fullscreen title="设备拓扑" :visible.sync="sbtpVisible"> <iframe id="bdIframe" frameborder="0" :src="sbtpIframeSrc"/> </el-dialog> showSbtp(row
阅读全文
摘要：正常状态 编辑状态 代码 <template> <div> <el-table :data="tableData" border @cell-dblclick="editCell" @cell-click="cellClick"> <el-table-column prop="date" label
阅读全文
摘要：一、基本使用 1.无参数GET请求 2.带参数GET请求 3.POST请求 4.发送并发请求 5.使用全局的axios和对应的配置在进行网络请求
阅读全文
摘要：bus.js App.vue Child.vue
阅读全文
摘要：App.vue Parent.vue Child.vue
阅读全文
摘要：App.vue Parent.vue Child.vue
阅读全文
摘要：
阅读全文
摘要：搭建前提条件： 1. node环境 node是傻瓜式安装的，直接去官网下载安装不断下一步 命令行输入node v查询版本号，有版本号即安装成功 node自带npm包管理工具（安装好node也可以输入npm v查看版本号） npm太慢，下载国内淘宝镜像cnpm(npm install g cnpm r
阅读全文
摘要： ``` 购物车 课程： 价钱： 添加商品 课程名称：{{list.text}} 价格:{{list.price}} 添加到购物车 ```
阅读全文
摘要：主要是简单介绍一下，路由守卫主要用于检验是否登录了，没登录就跳转到登录页面不让他在其他页面停留，但是现在这种处理主要的都用请求的全局拦截来做了。大致了解一下路由守卫即可
阅读全文
摘要：补充上一节知识点：js跳转路由传参和标签传参，路由相同而参数不同时页面不做刷新的问题 解决方案：`` 代码思想 1:router view的细分 router view第一层中，包含一个router view 2:每一个坑挖好了，要对应单独的组件 路由配置 案例 进入首页下面会有导航，个人中心、首页
阅读全文
摘要：1. 查询参 配置（传参） :to="{name:'login',query:{id:loginid}}" 获取（取参） this.$route.query.id 2. 路由参数 配置（传参） :to="{name:'register',params:{id:registerid} }" 配置路由的
阅读全文
摘要：路由的跳转方式有： 1. 通过标签：`` 2. 通过js控制跳转 区别： this.$router.push() 跳转到指定的url，会向history插入新记录 this.$router.replace() 同样是跳转到指定的url，但是这个方法不会向history里面添加新的记录，点击返回，会跳
阅读全文
摘要：路由是以插件的形式引入到我们的vue项目中来的 vue router是vue的核心插件 1:下载 2:安装插件 3:创建路由对象 4:配置路由规则 路由对象 5:将配置好的路由对象交给Vue 在options中传递 key叫做 router 6:留坑(使用组件) ``
阅读全文
摘要：单页应用的路由模式有两种 哈希模式（利用 事件监听 url的hash 的改变） history模式（使用此模式需要后台配合把接口都打到我们打包后的index.html上） 哈希模式原理 核心是锚点值的改变，我们监听到锚点值改变了就去局部改变页面数据，不做跳转。跟传统开发模式url改变后 立刻发起请求
阅读全文
摘要：需要频繁的创建和销毁组件 比如页面中部分内容显示与隐藏，但是用的是v if 组件缓存 内置组件中 被其包裹的组件，在v if=false的时候，不会销毁，而是停用 v if="true" 不会创建,而是激活 避免频繁创建组件对象的性能损耗 组件的激活和停用 activated 和 deactivat
阅读全文
摘要：创建一个空实例（bus中央事件总线也可以叫中间组件） 利用$emit $on的触发和监听事件实现非父子组件的通信 解决的方案还有vuex、provide/inject是解决同根往下派发、本地存储也可以进行非父子组件之间的通信
阅读全文