vue
heiXD
简单清爽,代码简洁的王叔叔
展开
-
vue基本知识问题(3)(一天一个问题26)
11.vuex四个主要属性:state;mutations;getters;actions获取:this.store.state.name;this.store.state.name;this.store.state.name;this.store.getters.getAge修改:this.store.commit(′change′,10);this.store.commit('change',10);this.store.commit(′change′,10);this.store.dispat原创 2020-09-24 10:07:01 · 115 阅读 · 0 评论 -
vue基本知识问题(2)(一天一个问题25)
6.vue自定义指令钩子函数(biucu):bind,inserted,update,componentUpdated,unbind//bind;inserted;update;componentUpdated;unbindVue.directive( 'lang' , { bind: function (el, binding, vnode) { console.log( '1 - bind' ); }, inserted: function (el, bindi原创 2020-09-23 17:05:07 · 119 阅读 · 0 评论 -
vue基本知识问题(1)(一天一个问题24)
1.v-if和v-show区别v-if是渲染销毁DOMv-show一次渲染,然后进行css的显示与影藏2.watch(有哪些参数)和computed区别computed有缓存;不接受参数;不能与data中的属性重复;return返回值watch监听触发一个回调,接受两个参数;监听的属性必须存在;允许异步;watch配置:handler(需要执行的方法)、deep(是否深度)、immeditate(是否立即执行)3.$route 和 $router区别$route是当前路由对象,可以用原创 2020-09-23 09:44:21 · 124 阅读 · 0 评论 -
vue常见问题(一天一个问题22)
1.vue2和vue3的双向绑定原理(前端设计模式)(MVVM和MVC)2.v-if和v-show3.vue有哪些指令4.vue自定义指令5.v-model的原理,自己如何取实现双向绑定6.watch(有哪些参数)和computed区别7.vue的钩子函数8.vuex9.vue里面数据传递有哪些方式(prop,$emit,vuex,eventBus)10.父子组件兄弟组件如何拿到对方的实例11.vue的路由导航12.vue组件里面data为什么写成函数13.keep-alive作用以原创 2020-09-22 16:06:11 · 81 阅读 · 0 评论 -
vue文本识别\n换行
一.替换\nvar str = str1.replace(/\\n/gm,"<br/>");二.绑定到dom<span class="content span_left_down" style="" v-html="item.message"></span>原创 2018-09-03 13:56:29 · 17827 阅读 · 4 评论 -
vue里面的跨域代理
一.config下面index.js代理配置proxyTable: { '/api':{ target:'http://127.0.0.1:8088', changeOrigin:true, pathRewrite:{ '^/api': '/' } } },二.全局配置代...原创 2018-09-03 13:50:57 · 154 阅读 · 0 评论 -
初始化一个vue-cli项目
1.安装/下载node2.查看node是否安装成功:node -v3.切换成淘宝镜像cnpmnpm install -g cnpm –registry=https://registry.npm.taobao.org 4.升级淘宝镜像 cnpm install cnpm –g 5.安装vue cnpm ...原创 2018-08-08 10:12:14 · 258 阅读 · 0 评论 -
vue里面websocket
一.设置websocket标识websock:null二.method里面//初始化websocket initWebSocket(){ var _self = this; var currentTime = new Date(); _self.websock = new WebSocket("ws://127.0.0.1...原创 2018-09-03 13:38:22 · 944 阅读 · 0 评论 -
vue-router全局钩子函数+单个路由钩子函数+组件内钩子函数
1. vue-router全局钩子函数 beforeEach和afterEach是vue-router实例对象的属性 特别提醒:每次路由跳转,都会执行beforeEach和afterEach beforeEachvar router=new Router({ routes: [ { path: '/', name: 'Ch...原创 2018-08-17 11:06:40 · 7078 阅读 · 0 评论 -
promise
首先promise是es6提供的一个构造函数const promise = new Promise(function(resolve,reject){ if(/*异步操作成功*/){ resolve(value); }else{ reject(error); }})实例promise promise有三种状态 pend...原创 2018-08-16 17:23:31 · 320 阅读 · 0 评论 -
vue的axios
一安装axios npm install axios 创建实例 var instance = axios.create({ baseURL: ‘https://some-domain.com/api/‘, timeout: 1000, headers: {‘X-Custom-Header’: ‘foobar’} }); axios api a....原创 2018-08-16 10:31:50 · 408 阅读 · 0 评论 -
vue状态管理vuex
一解读 1、store是vuex实例的核心方法,字面理解为仓库 2、Vuex Store是响应式的,当Vue组件从store中读取状态(state选项)时,若store中的状态发生更新时,他会及时的响应给其他的组件(类似双向数据绑定) 而且不能直接改变store的状态,改变状态的唯一方法就是,显式地提交更改(mutations选项) 3、new Vuex.Stor...原创 2018-08-12 20:19:30 · 682 阅读 · 0 评论