vue

1、作用 父组件向子组件传递内容 扩展、复用、定制组件 2、插槽内心 2.1、默认插槽 把父组件中的数组，显示在子组件中，子组件通过一个slot插槽标签显示父组件中的数据。 子组件 <template> <div class=”slotChild”> <h5>{{…

toRef 函数使用 首先呢， toRef 函数有两个参数。 toRef(操作对象, 对象属性) 好，接下来我们使用 toRef 函数写一个案例，还是和以前一样，页面展示一个用户的名称和年纪。 <template> <div> <h2>toRef toRefs 函…

一、环境准备 1、安装node.js 2、检查node.js版本 查看版本的两种方式 1|node -v 2|node -version 出现版本号则说明安装成功（最新的以官网为准） 3、为了提高我们的效率，可以使用淘宝的镜像源 输入：npm install -g cnpm –regis…

Vue前端整合Element Ui Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助网站快速成型。 1.安装Element Ui组件库 WIN+R输入CMD（必须以管理员身份运行）…

一 ,打包项目 1 , vscode打开你的vue项目 — > 点终端- > 新终端- >输入npm run build 按回车 , 显示正在打包..稍等一会 2 , 打包成功 , 生成了dist文件夹, 打包好的文件存放在里面 二 , 用一个工具, 把打包好的文件上传…

一、报错结构 报错信息一般会包含这几部分：错误类型、错误位置、错误描述、错误规则和问题数量。 如上图： 报错类型为编译错误； 错误位置在D:myelsrcviewsadminAdminView.vue中的第四行第2个字符；（报错位置不一定每次都是准确的，但是可以根据提示缩小范围） 错误描述 当前错误…

实现效果如图： 标红的是需要注意的地方！Vue操作：1，如图： 2，如图：(数据初始化) 2.0初始化今天的日期和时间的样式： 2.1今天的日期： // 时间范围&ndash;start// daterangeLastInTime: [],// daterangeLastInTime: [n…

前言 为防止用户犯错，尽可能更早地发现并纠正错误。 Element中Form （表单）组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 prop 属性设置为需校验的字段名即可。 注意：prop对应表单域 model 字段，使用 validate方…

vue 是一个易上手的框架，许多便捷功能都在其内部做了集成，其中最有区别性的功能就是其潜藏于底层的响应式系统。组件状态都是响应式的 JavaScript 对象。当更改它们时，视图会随即更新，这让状态管理更加简单直观。那么，Vue 响应性系统是如何实现的呢？本文也是在阅读了 Vue 源码后的理解以及模…

1、什么是动态路由？ 动态路由，动态即不是写死的，是可变的。我们可以根据自己不同的需求加载不同的路由，做到不同的实现及页面的渲染。动态的路由存储可分为两种，一种是将路由存储到前端。另一种则是将路由存储到数据库。动态路由的使用一般结合角色权限控制一起使用。 总结： 1）路由可变，不是写死的，动态加载 …