Vue高级特性一、自定义v-model实现Vue的双向数据绑定父组件中<p>{{name}}</p><custormModelv-model="name"/>data(){return{//组件custormModel中的input输入改变，绑定到了这里，实现双向绑定name:'颜色...

在线体验：pages.cixi518.comnpmivo-pages--savevo-pages组件父元素必须设置固定高度并填写属性overflow:hidden;如：height:100vh;overflow:hidden;全局引入//mian.jsimportVoPagesfrom"vo-pages";import...

1.去高德开发者平台申请key；2.安装vue-amap；3.使用组件调用地图npm安装npminstallvue-amap--save　CDN目前可通过 unpkg.com/vue-amap 获取最新版本的资源。<scriptsrc="https://unpkg.com/vue-amap/d...

用户注册时将加密后的密码发送给后端存储当登陆的时候,再将加密后的密码和数据库中加密的密码相匹配。此加密无须解密。安装: npminstallcrypto--save在需要用到的文件中通过import引入。importcryptofrom'crypto'login(){let{username,password...

根据后台的数据生成多个select，由于数据的数量不定，所以v-model绑定的变量名也不定。所以通过数据的id或者下标进行变量拼接。页面能够成功渲染，但是当进行下拉框的选值时，组件不刷新，选中的结果并没有展示<divv-for="(item,index)intagAllDate":key="index">...

一、vue-element-admin添加快捷导航　　这个组件是基于vue-i18n因此，首先在项目中安装i18nnpminstall--savevue-i18n然后main.js中引入importi18nfrom'./lang'//Internationalization然后注意src下边lang文件夹的引入。之后在...

Installthepkgwithnpm://v5之前的版本npmi--savevue-area-linkage//v5及之后的版本npmi--savevue-area-linkagearea-data　　目前基本都是5之后的了main.js中importVueAreaLinkagefrom'vue-area-link...

computed和watch　　1、computed有缓存，data不变择不会重新计算　　2、watch的深度监听(监听引用类型)　　3、watch监听引用类型，拿不到oldVal一、watch的普通监听如果对应一个对象，键是观察表达式，值是对应回调，值也可以是方法名，或者是对象，包含选项。<el-inputv-...

1、上啦加载下拉刷新的使用this.$refs.loadmore.onTopLoaded();this.$refs.loadmore.onBottomLoaded();上啦刷新下拉加载的动画显示在没有数据的请求前想看见的话setTimeout(()=>{this.$refs.loadmore.onTopLoade...

首先要声明使用ajax在router下边的Index.js中importVueResourcefrom'vue-resource';Vue.use(VueResource);ajax和jsonp使用方法：//在Vue实例类使用this.$http.get(url,[options]).then(successCallb...

一、在这里介绍一个vue的时间格式化插件:moment　使用方法：1.npminstallmoment--save2. 2定义时间格式化全局过滤器　　在main.js中导入组件　　importmomentfrom'moment'　　Vue.filter('dateformat',function(dataSt...

父子组件通信其实就是props和$emit的使用　　总结就是：父子组件通信，父组件传递数据给子组件，子组件触发父组件方法并传递父组件数据，通过props和$emit来实现；非父子组件通信，就是通过自定义事件来实现，不过Vueevent自带了这个属性，所以直接通过event.$emit和event.$on来实现一、父组件...

一、单个插槽父组件app.vue<template><divid="app"><test-slot><span>我是父组件里的文字，但是我要被放到子组件里</span></test-slot></div></template>...

1.安装vue-i18n：npmivue-i18n-S当然你也可以这样：<scriptsrc="https://unpkg.com/vue/dist/vue.js"></script><scriptsrc="https://unpkg.com/vue-i18n/dist/vue-i18n....

一、Vue的动态引入组件；　　有的时候不知道引入什么组件，要根据数据的类型来引入不同的组件，这个时候就需要动态组件动态组件　　1、用法:is='component-name'　　2、用途需要根据数据，动态渲染的场景。即组件类型不明确父组件<component:is="nextTiceName"/>":is后...