Vue.js
web还不是
正在努力的成为一位web大拿
展开
-
vue常见问题
mvvm原理model : 数据源view : 带有特殊属性的html模版viewModel:依靠指令修改数据和渲染模版mvvm的设计设点 模版编译(compile) 数据劫持(observe) 发布订阅(Dep) 观察者(watcher)响应式数据的原理Vue 的响应式,核心机制是观察者模式。数据是被观察的一方,当数据反正变化的时候,会通知所有的观察者,这样观察者能立马作出反应,重新渲染视图vue检测数据的变化push pop shift unshif...原创 2020-06-05 18:04:39 · 161 阅读 · 0 评论 -
VUE组件中data属性双向绑定的原理源码部分解读
// src/core/instance/state.js// 初始化组件的stateexport function initState (vm: Component) { vm._watchers = [] const opts = vm.$options if (opts.props) initProps(vm, opts.props) if (opts.methods) initMethods(vm, opts.methods) // 当组件存在data属性 if (op.原创 2020-05-15 20:32:13 · 422 阅读 · 0 评论 -
vue 父子组件传递数据的几种方式 props,$emit, eventbus, provide/inject
1:常用的是props和$emit的方式来处理,也是最常用的方式 a:父组件传值到子组件父组件<parent> <child :message="msg"></child></parent>data(){ return { msg: "this is parent message" }...原创 2020-04-29 15:49:54 · 724 阅读 · 0 评论 -
前端面试点收集
bind call apply 三个函数的认识 是否能自己实现web前端的requestAnimationFrame了解么 有使用过么 说一下使用场景web前端优化前后端跨域可以说一下么 有碰到过跨域问题么,怎么去解决跨域nodeJs的异步IO原理react的Dom的diff算法描述浏览器cookie和session的认识跨域分为哪几种类型 如何解决...原创 2019-08-16 09:45:17 · 166 阅读 · 0 评论 -
Vue 自定义组件
Vue实现的无限极菜单注意点1:点击的展开或隐藏的时候 会有事件捕获 所以需要@click.stop 来阻止事件捕获2: 在获取的数据里面设置一个标志 值为boolean 来做展示或者隐藏的功能3: 无限极涉及到递归调用,这里就是组件自己调用自己 所以给组件一个名字 与文件名相应4: props默认的是没有数据的,只有在第二次调用自己的时候 才会有值...原创 2019-03-27 18:12:22 · 255 阅读 · 0 评论 -
vue axios 实现文件下载
download(index,data){ //php下载界面 访问该地址可以直接下载文件 let downloadUrl = 'http://www.kuang.com/admin_api/app_update/download'; //获取要下载的文件名的接口地址 let getFilename = 'http://www.kuang.com/admin_api/a...原创 2019-01-25 11:13:37 · 1535 阅读 · 0 评论 -
Vuex 编写
1:在src下面新建store目录2:在store目录下面新建index.js文件import Vue from 'vue'import Vuex from 'vuex'import mutations from './mutations'import actions from './action'Vue.use(Vuex) //这里是很重要的额const sta...原创 2018-12-11 11:21:50 · 371 阅读 · 0 评论 -
vue watch nextTick 获取参数
在vue中,使用watch来响应数据的变化。1:普通的使用方式<input type="text" v-model="cityName"/>new Vue({ el: '#root', data: { cityName: 'shanghai' }, watch: { cityName(newName, oldName) { // ...原创 2018-12-15 20:01:42 · 2834 阅读 · 0 评论 -
VUE笔记之 keep-alive , slot , $emit , props ,refs , eventbus,router,v-bind:src 路由获取参数,右击,阻止默认行为和冒泡
vue中使用less安装less依赖,npm install less less-loader --save vue项目优化之通过keep-alive数据缓存的方法<keep-alive>是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。<keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 &l...原创 2018-11-07 11:09:07 · 704 阅读 · 0 评论 -
VUE 父子组件之间的通信
获取服务器图片验证码this.$ajax({ method: 'post', url: 'http://test.opensns.com/index/login/getVerify?a='+random, responseType: 'arraybuffer' }) .then(function(res){ that.cap...原创 2018-11-07 10:51:30 · 170 阅读 · 0 评论 -
VUE基本用法和生命周期介绍
双向数据绑定{{msg}} 数据发生变化的时候 模板也会变化{{*msg}} 数据只会绑定一次 之后不会跟着数据发生变化了{{{msg}}} 三个大括号的 是会去解析数据里面的html标签的 (v-html) 过滤器过滤模板数据 {{msg|uppercase|lowercase}} 可以使用多个过滤器来同时处理数据v-on:click 简写就是@click v-bin...原创 2018-11-07 10:48:31 · 9876 阅读 · 2 评论