
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 · 186 阅读 · 0 评论 -
VUE组件中data属性双向绑定的原理源码部分解读
// src/core/instance/state.js // 初始化组件的state export 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 · 455 阅读 · 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 · 749 阅读 · 0 评论 -
前端面试点收集
bind call apply 三个函数的认识 是否能自己实现 web前端的requestAnimationFrame了解么 有使用过么 说一下使用场景 web前端优化 前后端跨域可以说一下么 有碰到过跨域问题么,怎么去解决跨域 nodeJs的异步IO原理 react的Dom的diff算法描述 浏览器cookie和session的认识 跨域分为哪几种类型 如何解决...原创 2019-08-16 09:45:17 · 193 阅读 · 0 评论 -
Vue 自定义组件
Vue实现的无限极菜单 注意点 1:点击的展开或隐藏的时候 会有事件捕获 所以需要@click.stop 来阻止事件捕获 2: 在获取的数据里面设置一个标志 值为boolean 来做展示或者隐藏的功能 3: 无限极涉及到递归调用,这里就是组件自己调用自己 所以给组件一个名字 与文件名相应 4: props默认的是没有数据的,只有在第二次调用自己的时候 才会有值...原创 2019-03-27 18:12:22 · 282 阅读 · 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 · 1569 阅读 · 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 · 402 阅读 · 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 · 2956 阅读 · 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 · 737 阅读 · 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 · 184 阅读 · 0 评论 -
VUE基本用法和生命周期介绍
双向数据绑定 {{msg}} 数据发生变化的时候 模板也会变化 {{*msg}} 数据只会绑定一次 之后不会跟着数据发生变化了 {{{msg}}} 三个大括号的 是会去解析数据里面的html标签的 (v-html) 过滤器 过滤模板数据 {{msg|uppercase|lowercase}} 可以使用多个过滤器来同时处理数据 v-on:click 简写就是@click v-bin...原创 2018-11-07 10:48:31 · 9909 阅读 · 2 评论