前提条件：vue-cli创建一个项目，安装async-validator（npm i async-validator -S）在components中新建FormTest.vue组件，并在App.vue中引入。一个form表单需要form、formItem、input，初步代码如下：formTest:<template><div>for...

vue的两种传参方式：router-link传参方式，$router方式传参

将父组件的内容放到子组件指定的位置叫做内容分发// 在父组件里使用子组件<son-tmp><div>我是文字，我需要放到son-tmp组件里面指定的位置</div></son-tmp>1.单个插槽父组件：father.vue<template><

一、懒加载懒加载：随时用随时加载，避免单页面应用一次性加载所造成的时间过长。import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)export default new Router({routes: [{path: '/',redirect: '/login'...

vue移动端使用video标签

vuex用来管理vue的所有组件状态。首先下载vuex，”vuex”:”^3.0.1”，运用”vuex-persistedstate”来对数据进行缓存。下载”vuex-persistedstate”在文件中引入：（新建一个store文件夹，在文件夹下的index.js文件进行如下编写）import Vue from 'vue'import Vuex from 'vuex'impor...

简单介绍一下vue中常用dialog组件的封装：实现动态传入内容，实现取消，确认等回调函数。首先写一个基本的弹窗样式，如上图所示。在需要用到弹窗的地方中引入组件：import dialogBar from './dialog.vue'components:{'dialog-bar': dialogBar,},<dialog-bar></...

1、数据相关APIVue.set向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。使用方法：Vue.set(target, propertyName/index, value)范例：批量设置商品价格<template><!-- 添加批量价格更新 --><p><input v-model.number="price"><