vue
VUE复习全家桶
Vue基础考察一、computed和watch （Vue中watch的简单应用）二、class和style （vue常用方法以及面试问题）三、v-if和v-show （vue常用方法以及面试问题）四、父子组件通信、非父子组件通信 （vue2.0父子组件以及非父子组件如何通信）五、单个组件生命周期，父子组件，生命...
Vue响应式原理、虚拟DOM和DIFF算法、模板编译--Vue原理
一、Vue响应式原理 1、什么叫响应式： 1、组件data的数据一旦变化，立刻出发视图的更新 2、实现数据驱动视图的第一步2、实现响应式的核心API：Object.defineProperty vue3.0利用proxy实现响应式3、Object.defineProperty基础用法（通过get...
Vue自定义v-model实现Vue的双向数据绑定--Vue高级特性
Vue高级特性一、自定义v-model实现Vue的双向数据绑定父组件中<p>{{name}}</p><custormModelv-model="name"/>data(){return{//组件custormModel中的input输入改变，绑定到了这里，实现双向绑定name:'颜色...
一款易用、高可定制的vue翻页组件 vo-pages
在线体验：pages.cixi518.comnpmivo-pages--savevo-pages组件父元素必须设置固定高度并填写属性overflow:hidden;如：height:100vh;overflow:hidden;全局引入//mian.jsimportVoPagesfrom"vo-pages";import...
vue调用高德地图：vue-amap
1.去高德开发者平台申请key；2.安装vue-amap；3.使用组件调用地图npm安装npminstallvue-amap--save CDN目前可通过 unpkg.com/vue-amap 获取最新版本的资源。<scriptsrc="https://unpkg.com/vue-amap/d...
Vue 前端md5加密
用户注册时将加密后的密码发送给后端存储当登陆的时候,再将加密后的密码和数据库中加密的密码相匹配。此加密无须解密。安装: npminstallcrypto--save在需要用到的文件中通过import引入。importcryptofrom'crypto'login(){let{username,password...
vue-element-admin使用常见问题
一、vue-element-admin添加快捷导航 这个组件是基于vue-i18n因此，首先在项目中安装i18nnpminstall--savevue-i18n然后main.js中引入importi18nfrom'./lang'//Internationalization然后注意src下边lang文件夹的引入。之后在...
Vue select 绑定动态变量
根据后台的数据生成多个select，由于数据的数量不定，所以v-model绑定的变量名也不定。所以通过数据的id或者下标进行变量拼接。页面能够成功渲染，但是当进行下拉框的选值时，组件不刷新，选中的结果并没有展示<divv-for="(item,index)intagAllDate":key="index">...
vue城市三级联动组件 vue-area-linkage
Installthepkgwithnpm://v5之前的版本npmi--savevue-area-linkage//v5及之后的版本npmi--savevue-area-linkagearea-data 目前基本都是5之后的了main.js中importVueAreaLinkagefrom'vue-area-link...
Vue中watch的简单应用
computed和watch 1、computed有缓存，data不变择不会重新计算 2、watch的深度监听(监听引用类型) 3、watch监听引用类型，拿不到oldVal一、watch的普通监听如果对应一个对象，键是观察表达式，值是对应回调，值也可以是方法名，或者是对象，包含选项。<el-inputv-...
vue移动端Ui组件 mint-ui 使用指南
1、上啦加载下拉刷新的使用this.$refs.loadmore.onTopLoaded();this.$refs.loadmore.onBottomLoaded();上啦刷新下拉加载的动画显示在没有数据的请求前想看见的话setTimeout(()=>{this.$refs.loadmore.onTopLoade...
vue货币格式化组件、局部过滤功能以及全局过滤功能
一、在这里介绍一个vue的时间格式化插件:moment 使用方法：1.npminstallmoment--save2. 2定义时间格式化全局过滤器 在main.js中导入组件 importmomentfrom'moment' Vue.filter('dateformat',function(dataSt...
vue中slot以及mate的用法
一、单个插槽父组件app.vue<template><divid="app"><test-slot><span>我是父组件里的文字，但是我要被放到子组件里</span></test-slot></div></template>...
vue2.0父子组件以及非父子组件如何通信
父子组件通信其实就是props和$emit的使用 总结就是：父子组件通信，父组件传递数据给子组件，子组件触发父组件方法并传递父组件数据，通过props和$emit来实现；非父子组件通信，就是通过自定义事件来实现，不过Vueevent自带了这个属性，所以直接通过event.$emit和event.$on来实现一、父组件...
vue项目国际化实现 vue-i18n使用详细教程
1.安装vue-i18n：npmivue-i18n-S当然你也可以这样：<scriptsrc="https://unpkg.com/vue/dist/vue.js"></script><scriptsrc="https://unpkg.com/vue-i18n/dist/vue-i18n....
