vue
文章平均质量分 50
vue和vue-cli相关的内容
代码DJ
这个作者很懒,什么都没留下…
展开
-
Vue项目实例--filter过滤器的应用(毫秒转化成年月日时分秒)
// 时间过滤器,毫秒转换成年月日时分秒Vue.filter('dateFormate', function(originVal) { const dt = new Date(originVal) const y = dt.getFullYear() const m = (dt.getMonth() + 1 + '').padStart(2, '0') const d = (dt.getDate() + '').padStart(2, '0') const hh = (dt.getH.原创 2021-02-15 01:03:49 · 487 阅读 · 0 评论 -
vue插槽的理解和使用及作用域插槽
什么是插槽?插槽就是子组件中的提供给父组件使用的一个占位符,用<slot></slot> 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的<slot></slot>标签。具名插槽:<slot name="fruit"></slot>不具名插槽(默认插槽):<slot></slot>有A组件和B组件,A组件中使用了B组件,则A组件是B组件的父组件原创 2020-12-11 11:31:21 · 433 阅读 · 0 评论 -
Vue中ref和$refs的介绍及使用
在JavaScript中需要通过document.querySelector("#demo")来获取dom节点,然后再获取这个节点的值。在Vue中,我们不用获取dom节点,元素绑定ref之后,直接通过this.$refs即可调用,这样可以减少获取dom节点的消耗。ref介绍ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向该子组件实例通俗的讲,ref特性就是为元素或子组转载 2020-12-07 15:41:50 · 11604 阅读 · 4 评论 -
Vue中实现页面跳转的若干种方法
需要做页面跳转的背景:公司做的是后台系统,用的模板是eladmin后台,(自己摸索的)这个模板的路由采用的方式是前端在网页的菜单设置上自定义配置路由参数(包括如访问路径等),能够动态的生成路由,在内部js中实现将路由地址发送到后端,后端再返回路由menu,再通过内部js加载到前端的路由代码中。问题:1、通过网页的菜单自定义配置路由参数,只能配置侧边栏的路由,而如在其他组件中设置子路由,来实现在父组件中的子组件跳转,就无法实现。猜测原因可能是搭框架的人把这部分功能删了,因为在eladmin体验版中,看原创 2021-03-10 00:10:15 · 1648 阅读 · 0 评论 -
vue-cli--脚手架目录一览
说明:入口文件来着,主要作用是初始化vue实例并使用需要的插件。说明:一般只定义一个空的根节点,在main.js里面定义的实例将挂载在#app节点下,内容通过vue组件填充。说明:app.vue是项目的主组件,所有页面都是在app.vue下切换的。一个标准的vue文件,分为三部分。该style作用于只在当前组件的节点及其子节点,但是不包含子组件呦。是子路由视图,后面的路由页面都显示在此处,相当于一个指示标,指引显示哪个页面。说明:定义了三个路由,分别是路径为/,路径为/msg,路径为/detail。转载 2020-12-04 11:11:30 · 279 阅读 · 0 评论 -
vue-cli--axios的五种请求接口方式
一、Axios介绍Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。可以提供以下服务:1、从浏览器中创建XMLHttpRequests2、从node.js创建http请求3、支持PromiseAPI4、拦截请求和响应5、转换请求数据和响应数据6、取消请求7、自动转换JSON数据8、客户端支持防御XSRF二、axios的请求方法:get、post、put、patch、deleteget:获取数据post:提交原创 2021-01-06 10:40:53 · 4007 阅读 · 0 评论 -
vue-cli--.editorconfig 文件配置介绍
让使用不同编辑器的开发者在共同开发一个项目时“无痛”地遵循编码规范(编码风格),就可以使用EditorConfig插件,会在项目根目录寻找.editorconfig文件并使用其中定义的编码风格。原创 2021-09-13 10:12:17 · 642 阅读 · 0 评论