- 博客(8)
- 收藏
- 关注
原创 vue 插槽
vue 插槽 父组件中的子组件标签内的内容可以通过slot插槽的方式传给子组件 父组件 <chlid>这是孩子</child> 子组件 <sloat></sloat> sloat里面就是这是孩子 具名插槽 //父组件 <template v-sloat:header> 这是孩子 </template> //子组件 <sloat name='header'></sloat> 插槽里面给父组件传值 子
2021-11-02 22:18:07
136
转载 vue router钩子
vue router钩子 模块一:全局导航钩子函数 1、vue router.beforeEach(全局前置守卫) beforeEach的钩子函数,它是一个全局的before 钩子函数, (before each)意思是在 每次每一个路由改变的时候都得执行一遍。 它的三个参数: to: (Route路由对象) 即将要进入的目标 路由对象 to对象下面的属性: path params query hash fullPath matched name meta(在matched下,但是本例可以直接用) from
2021-11-02 20:56:37
220
原创 vue set
Vue set vue2 中使用访问器属性给变量做双向绑定会出现对象或者数组新进入的属性不加入监听的小bug,Vue也提供了 解决方法那就是Vue.set,使用就是this.$set('需要监听的对象','属性名也就是key','添加的值') this.$set(this.obj,'e',0) ...
2021-11-02 19:35:09
140
原创 vue watch深度监听对象
watch深度监听 普通的使用watch只能监听data里面的普通变量,如果想要监听对象就要借助handler函数,加上一个deep:true表示 可以深度监听。 watch: { queryData: { handler(){ console.log('对象变了') }, deep: true } } ...
2021-11-02 19:16:34
216
原创 websocket
websocket websocket依赖于http协议的第一次握手,然后多了个Upgrade: websocket进行协议升级,返回的也是websocket, 为什么要用websocket因为http必须要客户端请求才会发数据,轮询的方式又太浪费了。 一.事件 open,loose,erro,message,回调onopen,onloose,onerro,onmessage, 二.js原生的 ((doc)=>{ const list = doc.querySelector('#lis
2021-11-01 21:28:17
205
原创 vuex差不多
VueX **一:state**: 保存变量值的地方,在页面内访问<p >{{$store.state.num}}</p>,在new Vue()内访问需要加this因为this指向new Vue实列this.$store.state.num 可以在computed中写 computed:{ num(){ return this.$store.state.num } } *二:getters:* 相当于计算器属性,VueX写法,自带一个参数接到state
2021-10-31 00:49:21
84
原创 2021-09-20
关于vue脚手架的http代理跨域设置 (1). 在脚手架根目录的vue.config.js文件中,再配置一个代理程序: module.exports={ ... ... devServer: { proxy: { '/': { target: `http://服务器端接口地址统一前缀部分 就是axios的baseURL部分`, changeOrigin: true, } } } (
2021-09-20 18:48:24
93
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅