![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
大名人儿
积跬步,以至千里
展开
-
总结:vue的通信方式
vue-通信方式原创 2022-06-30 11:06:34 · 757 阅读 · 0 评论 -
JSX语法、函数式组件
JSX语法、函数式组件1.v-if、v-forprops: ['items'],render: function (createElement) { if (this.items.length) { return createElement('ul', this.items.map(function (item) { return createElement('li', item.name) })) } else { return createElemen原创 2021-12-22 17:43:35 · 1077 阅读 · 0 评论 -
组件递归引用问题
描述:vue中A组件引用了B组件,B组件也引用了A组件,会出现错误Unknown custom element: <disaster-point> - did you register the component correctly? For recursive components, make sure to provide the "name" option.原创 2021-06-15 20:26:34 · 250 阅读 · 0 评论 -
vue钩子函数生命周期
1、创建期间的生命周期函数beforeCreate:实例刚在内存中被创建出来,此时,还没有初始化好 data 和 methods 属性created:实例已经在内存中创建OK,此时 data 和 methods 已经创建OK,此时还没有开始 编译模板。我们可以在这里进行Ajax请求。beforeMount:此时已经完成了模板的编译,但是还没有挂载到页面中mounted:此时,已经将编译好的模板,挂载到了页面指定的容器中显示。(mounted之后,表示真实DOM渲染完了,可以操作DOM了)2、运原创 2021-03-11 16:11:46 · 98 阅读 · 0 评论 -
vue组件的定义和注册
一、全局组件的定义和注册写法一:使用Vue.extend方法定义组件,使用Vue.component方法注册组件。<body> <div id="app"> <!-- 如果要使用组件,直接把组件的名称,以 HTML 标签的形式,引入到页面中,即可 --> <account> </account> </div> <script> //第一步:.原创 2021-03-02 09:36:53 · 269 阅读 · 0 评论 -
vue动画(+animation、@keyframes的使用)
<transition name="fade"> <div>...</div></transition>.fade-enter-active { animation: fadeIn 0.4s; // name duration}.fade-leave-active { animation: fadeOut 0.4s;}@keyframes fadeIn { // form起始时,等同于0%,to到达原创 2020-08-24 19:16:38 · 1111 阅读 · 0 评论 -
vue自定义指令
0.自定义指令使用方法<template> <div> <input v-color="'green'"> <span v-fontweight="600">私有指令</span> </div></template>1.自定义全局指令Vue.directive('color', { bind: function (el, binding) { // 每当指令绑定到元素上的时候,.原创 2021-02-25 11:47:42 · 301 阅读 · 1 评论 -
vue---滚动翻页
vue—滚动翻页v-infinite-scroll的回调函数不可以写参数(如:searchEquip(true)),否则会无限查询。原创 2021-01-19 19:23:08 · 656 阅读 · 0 评论 -
vue的props(数据类型为Array、Object)
vue的props(数据类型为Array、Object)处理注意在 JavaScript 中对象和数组是通过引用传入的;对于一个数组(或对象)类型的 prop 来说,在子组件中改变这个数组(或对象)本身将会影响到父组件的状态。所以不可以直接操作数组(或对象)类型prop。 export default { props: { fileList: Array // 接收父组件传来的参数 }, data () { return { list: []原创 2020-08-12 15:57:27 · 6273 阅读 · 0 评论 -
JS身份证号码校验
validateCardId (id) { // 1 "验证通过!", 0 //校验不通过 let format = /^(([1][1-5])|([2][1-3])|([3][1-7])|([4][1-6])|([5][0-4])|([6][1-5])|([7][1])|([8][1-2]))\d{4}(([1][9]\d{2})|([2]\d{3}))(([0][1-9])|([1][0-2]))(([0][1-9])|([1-2][0-9])|([3][0-1]))\d{3}[0...原创 2020-06-01 09:32:51 · 374 阅读 · 0 评论 -
在vue中使用requestAnimationFrame()实现定时轮询任务
常见的实现定时轮询的方式主要有setInterval,setTimeOut,这里我们使用性能较好的window.requestAnimationFrame。结合EventBus全站的定时任务都使用一个定时任务流,实现流程如下:初始化EventBus// main.jsVue.prototype.$EventBus = new Vue()app.vue全局定时流借助requestA...原创 2020-03-06 12:00:28 · 5751 阅读 · 0 评论 -
使用配置文件实现vue多环境(dev、prod)切换
体验过后端的profile后,再也不怕开发和现场部署修改切换配置啦。一个命令就搞定。在前端vue(webpack脚手架模式)开发中,我们是否也可以使用同样的思路实现下配置信息的分环境化?只需以下几步即可。(一)新建以下三个文件/utils/global.js;/static/config/config-development.json;/static/config/config-pro...原创 2019-11-19 18:51:49 · 4011 阅读 · 0 评论