向 div 元素添加 box-shadowbox-shadow: h-shadow v-shadow blur spread color inset;div{box-shadow: 10px 10px 5px #888888;}10px 10px 表示水平阴影的位置和垂直阴影的位置 5px是阴影的宽度10px 10px 的值为正值时表示的盒子的下方和右方如果是-10px -10px表示的就是盒..

在管理系统中我们经常会遇到需要会表格中某一行数据进行修改，在点击修改操作时，一般我们会将这行表格的数据直接赋值给表单，进行操作，当我们对表单的内容进行修改时，对应的表格中数据也会被修改，尽管这个时候我们还没有点击确定按钮。在没有点击确定之前表格中的内容是不应该改变的。这是因为我们赋值给表单的数据来自表格行的数据，他们对应的是同一块内存地址，所以在修改表单时，表格的数据也会发生变化。我们...

1.使用npm安装npm install vue-i18n2.在main.js中引用import VueI18n from 'vue-i18n'Vue.use(VueI18n)3.准备中英文数据中英文文件中示例代码module.exports = {navigation: {home:"Home",productCenter:"prod...

通常在vue项目中使用vuex做全局的状态管理，但是刷新之后，vuex中的数据会丢失因为store是存储在运行内存中，当浏览器刷新时，会重新加载vue实例，store也会重新赋值通常将一些数据保存在localstorage、sessionstorage或cookie中，可以保证页面刷新数据不丢失且易于读取。vue项目一般操作都在同一个页面跳转路由，所以使用sessionstorage进行存储思路：

1.安装依赖npm install --save vue-skycons2.引用import VueSkycons from 'vue-skycons'Vue.use(VueSkycons)Vue.use(VueSkycons, { color: 'bule' })//图标颜色3.使用//标签<skycon :condition="skyInco"/>//数据skyInco:'rain

当使用路由参数时，例如从/user/aside导航到/user/foo，原来的组件实例会被复用。因为两个路由都渲染同个组件，比起销毁再创建，复用则更加高效。不过，这也意味着组件的生命周期钩子不会再被调用。注意:（1）从同一个组件跳转到同一个组件。（2）生命周期钩子created和mounted都不会调用。可以使用router的组件内钩子函数beforeRouteUpdate...

wacth通常用来监听数据的变化如下代码，默认是被监听数据变化时执行，其中handler默认情况下不用写，下图是需要这个监听立即被执行，就是首次进来没变化的时候就执行设置属性，不需要立即执行就不用添加immediate这个属性immediate:true<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"&gt...

1.安装依赖npm install vue-wechat-title --save2.引用import VueWechatTitle from 'vue-wechat-title'Vue.use(VueWechatTitle)3.在router.js中配置需要的title，每个不同的路由配置所属的title{path: '/',name: ...

1.npm install --save js-md52.在main.js中引入import md5 from 'js-md5'Vue.prototype.$md5 = md53.使用console.log(this.ruleForm.pwd);console.log(this.$md5(this.ruleForm.pwd))...

在tsconfig.json中添加"compilerOptions": {"typeRoots": ["src/globalDeclare"]}删除typeimport{ DefineComponent } from 'vue'