×

vue.js

Vue注册组件的几种方式,你都知道吗?(vue中注册组件的方法)

。 发表于2024-06-16 浏览11855 评论0
在开发中,经常需要将业务进行组件化,我们就需要去注册组件,下面列举几种常用的注册组件的方法 局部注册组件 1.首先需要将要注册的组件进行引入 2.在script标签中进行注册,注意:组件注册的名字和引入的名字需要保持一致即可进行简写  3.在template标签中以html的标签格式进行使用 全局注册组件  1.全局入口在main.js, 在new Vue之上注册   2. 将要注册的组件进行引入 3. 全局 - 注册组件 语法:Vue.component(

vue.js

vuex的使用(vuex的使用场景)

??? ??? 发表于2024-06-16 浏览14255 评论0
vuex是什么 vuex是一个专门为vue开发的状态管理工具,它采用集中式存储管理应用的所有组件的状态,其核心是state。 vuex中有什么 state:存放状态数据的地方,其中数据是响应式的,数据改变对应组件的数据也会跟新改变,禁止直接改变state中的数据否则数据无法被调试工具监测。 getter:可理解为store的计算属性,能读取state中的数据。 mutations:装着处理数据逻辑方法的集合体,是该改变state中数据的唯一方法,修改数据是同步的。 actions:提交

vue.js

Vue创建项目的详细步骤(vue项目如何创建)

Dirk Dirk 发表于2024-06-16 浏览14858 评论0
一、安装node.js 1、本例环境 node.js: v16.14.0 npm:8.3.1 vue:@vue/cli 5.0.1 2、node.js环境安装与测试 由于vue的安装与创建依赖node.js(JavaScript的运行环境)里的npm(包管理和分发工具),因此需要先确保安装node.js。 下载地址:Node.js (nodejs.org) 下载完成安装之后,检测一下,查看是否安装成功。 检测方式:打开cmd命令窗口(Window + R,输入cmd然后回

vue.js

photo-sphere-viewer中文文档

LY LY 发表于2024-06-16 浏览13682 评论0
你越是认真生活,你的生活就会越美好! 业务这边想要实现右边链接的效果阿里云付费全景图,类似VR看房,支持360° x 360°任意旋转,支持自定义添加标注,支持切换场景等功能,效果如下 阿里云的全景图需要付费,而且个别功能不满足我们业务需要,那边无法及时调整,所以后面由我们内部自己实现 前端组长这边提供了 photo-sphere-viewer 相关的文章作为参考 内部基于 photo-sphere-viewer 插件实现效果如下 全景图实现使用了 photo-sph

vue.js

Vue安装及环境配置(vue安装及环境配置教程)

良行广告 良行广告 发表于2024-06-16 浏览19972 评论0
一、安装node.js 官网:Download | Node.js 历史版本:Previous Releases | Node.js  或者 下载完毕后,可以安装node,建议不要安装在系统盘(如C:)。     二、设置nodejs prefix(全局)和cache(缓存)路径 1、建议安装的路径不要有中文  2、新建node_global和node_cache两个文件夹  可以在nodejs安装路径下,新建  3、设置缓存文件夹 npm config

vue.js

dom-to-image(dom-to-image 图片跨域)

fuyan fuyan 发表于2024-06-16 浏览6991 评论0
前言 之前的文章:vue基于html2canvas和jspdf 生成pdf 、解决jspdf中文乱码问题 简单介绍了html2canvas的基本使用,html2canvas 只能截取可视区域,对于含有滚动条的无法完全截取。后来发现还有一个dom-to-image的库可以支持,并且能够生成svg、png、jpeg 3种格式,当然缺点是不支持safari,并且手机端上兼容性不好。 官方文档 ,不得不说有些库是真恶心,起个差不多的名字,找了半天才找到 安装 npm install dom-

vue.js

前端页面显示的时间格式为:2022-03-18T01:46:08.000+00:00 如何转换为:年-月-日 时:分:秒 ?

寒星竹雪 寒星竹雪 发表于2024-06-15 浏览14875 评论0
解决办法: 第一种办法:后端格式处理,在后端转数据格式为字符串类型 第二种办法:前端格式处理, ElementUI 中 Table-column Attributes 列属性中有一个 formatter参数 ,用来格式化内容 , 里面可以支持一个函数 Function(row, column, cellValue, index) ,供我们调用, 下面是第二种方法演示:步骤① 在时间标签中加入属性 :fromatter="formatData"。步骤② 在method:{} 中写 form

vue.js

前端vue经典面试题78道(重点详细简洁)(vue前端面试题汇总)

神经蛙 神经蛙 发表于2024-06-15 浏览23225 评论0
目录 1.自我介绍 2.vue面试题 1.v-show和v-if区别的区别: 2.为何v-for要用key 3.描述vue组件声明周期mm 单组件声明周期图 ​父子组件生命周期图 4.vue组件如何通信 5.描述组件渲染和更新的过程 1、vue 组件初次渲染过程 2、vue 组件更新过程 6.双向数据绑定v-model的实现原理 7.对mvvm的理解 8.computed有何特性 9.VUE 中如何封装组件?什么组件,为什么要封装组件?组件中 data 为什么是

vue.js

vue动态加载组件(vue动态加载组件如何传值)

清苹果 清苹果 发表于2024-06-15 浏览15743 评论0
使用场景: 项目中需要我们根据不同的业务需求呈现不同的业务场景,如果业务类型简单还好,直接全部引入判断即可,但随着我们代码的沉积,项目将会变得很难维护,这时候我们可以使用动态引入组件的方式来避免这个问题,首先第一步实现就是,在vue中,我们如何动态引入组件? 话不多说,直接上干货 需要动态导入组件的页面 在这个页面引入我们的组件Test <template> <div> <Test :data="DemoData" :typ

vue.js

Vue开发实例(08)之Icon图标的使用(vue的icon图标大全)

马斯 马斯 发表于2024-06-15 浏览8650 评论0
作者简介 作者名:编程界明世隐简介:CSDN博客专家,从事软件开发多年,精通Java、JavaScript,博主也是从零开始一步步把学习成长、深知学习和积累的重要性,喜欢跟广大ADC一起打野升级,欢迎您关注,期待与您一起学习、成长、起飞! 引言 Vue是现在前端最流行的框架之一,作为前端开发人员应该要熟练的掌握它,如果你是打算学习Vue的开发流程,那么来吧,明哥带你快速上手、带你飞! 即使你并非前端开发人员,对前端的开发流程进行一定的了解也是很有必要的,谁也不确定公司以