Vue中的文件组件
原创 2022-12-06 03:07:38
164阅读
文章目录3.3非文件组件3.3.1使用Vue.extend({})方式创建组件(了解,实际不常用)举例:
原创 2022-11-29 16:17:45
213阅读
Vue组件中的非文件组件
原创 2022-12-05 17:17:00
170阅读
/ 移动端页码按钮的数量端默认值5。
原创 2024-09-05 10:10:00
182阅读
一、组件化开发思想 1. 什么是组件化开发 组件化开发指的是:根据封装的思想,把页面上可重用的部分封装为组件,从而方便项目的开发和维护。例如:ibootstrap - Bootstrap 可视化布局系统 所展示的效果,就契合了组件化开发的思想。用户可以通过拖拽组件的方式,快速生成一个页面的布局结构。 2. 组件化开发的好处 前端组件化开发的好处主要体现在以下两方面: 提高了前端代码的复用性和灵活
原创 2023-12-05 01:55:33
689阅读
.vue 脚手架的安装就不多说了,说下其他常见的错误1、安装问题 :首先我们在安装的时候,有些人会用npm直接安装  有些会用cnpm 安装 但是两个不能共用  不然会报错,为此我吃过不少亏2文件存放错误:一般src下的assets存放静态资源文件,当时访问时,需要考虑路径的问题。如果存放在static下就不用考虑路径问题,直接以static开头的路径3、端口冲突错误:需要改
前言:应上级要求,搭建一个公司内部的vue组件库,由于临近我预计的离职时间,所以只将流程梳理实践了一遍。假设组件库名称为ui-library。一、使用vue-cli3创建ui-library项目vue create ui-library创建项目时选择自定义模板,我的配置如下 记得vue版本需要选择2.x。ui-library目录如下  二、在根目录添加vue.conf
转载 2023-12-07 22:15:17
58阅读
由于后期项目要使用ts,所以先学习下,这是第一次使用ts,要是有不足之处,还请多指教。最开始因为webpack版本问题搭了好几次没成功,果然失败乃成功之母,古人诚不欺我,每次学习都是在写bug解决bug继续创造bug的循环里痛并快乐着。由于使用的是Vue-cli2 + webpack3.6.0版本,按照webpack3的方式来搭建的,所以安装时一定要注意自己的版本与插件版本哈。前边儿初始化Vue
转载 2023-11-01 16:44:44
162阅读
1.组件拆分1.组件实质上也是一个vue实例,因此组件中也可以使用vue的对象属性,反过来每一个vue实例也是一个vue组件(注:1.唯一不同的是el是根实例的特有选项,2.组件中的data必须是一个函数);2.如果vue实例中没有template模板的定义,那么vue会把el挂载点下的html作为vue实例的模板;3.模板中如果还有子组件,父组件调用子组件的时候,通过属性的方式进行调用,那么子组
转载 2024-07-12 15:52:11
238阅读
什么是组件,构成组件的三部分,定义(过滤器,监听器,计算属性,方法区),style开启less语法
原创 2023-12-14 09:50:52
99阅读
# JDate 日期组件 使用文档 ###### 说明: antd-vue日期组件需要用moment中转一下,用起来不是很方便,特二次封装,使用时只需要传字符串即可 ## 参数配置 | 参数 | 类型 | 必填 |说明| |--------------|---------|----|---------| | placeholder |string |
转载 14天前
403阅读
开发小程序中,遇到的wepy的几点坑,记录一下;1.定时器:  在页面中有需要用到倒计时或者其他定时器任务时,新建的定时器在卸载页面时一定要清除掉,有时候页面可能不止一个定时器需求,在卸载页面(onUnload钩子函数)的时候一定要清除掉当前不用的定时器  定时器用来做倒计时效果也不错,初始时间后台获取,前端处理,后台直接在数据库查询拿到的标准时间(数据库原始时间,T分割),前端需要正则处理一下这
像我这种react门徒被迫迁移到vue的,用管了TSX,地vue 文件组件也不太感冒,但是vue3 文件组件,造了蛮多api ,还不得去了解下​​https://v3.cn.vuejs.org/api/sfc-script-setup.html#文件组件-script-setup​​defineProps、defineEmits没有什么好说的,就是setup中定义 props 与 emits
原创 2022-07-25 23:46:15
370阅读
VUE2页面引用axios Vue 是一个用于构建用户界面的渐进式框架,而 Axios 是一个基于 Promise 的 HTTP 客户端,用于浏览器和 Node.js。一些开发者在使用 Vue 2 时可能会遇到在页面应用(SPA)中引入 Axios 的问题。本文将详细记录如何在 Vue2 页面应用中引用 Axios 以及解决这一问题的全过程,涉及版本对比、迁移指南、兼容性处理、实战案例、排
原创 6月前
84阅读
前言vue-cli , vue-router , vue-resource , vuex 1.使用vue-cli创建项目 2.使用vue-router实现页路由 3.用vuex管理我们的数据流 4.使用vue-resource请求我们的node服务端 5.使用.vue文件进行组件化的开发 PS:本文node v6.2.2 npm v3
1、vue-什么是文件组件 定义: 一个文件名字是以.vue结尾,并且里边的内容就是一个组件,这个文件就称作文件组件 普通组件的缺点: 普通组件内容是 和 其它JS代码逻辑掺杂在一块儿,代码不易维护,其优势不容易发挥! 2vue-组织结构 <template> <div>xxxx</div> ...
转载 2021-08-23 17:57:00
419阅读
2评论
文件组件 —— 一个文件中包含n个组件(n>1)文件组件 —— 一个文件中只包含1个组件Vue中使用文件组件的三大步骤
原创 2022-12-21 10:16:13
191阅读
文章目录一、组件1. 创建组件2. 引用组件3. 组件之间如何传递参数一、组件1. 创
原创 2022-09-30 10:25:02
375阅读
组件 组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素, Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以 js 特性扩展。 1. 全局 Vue.component(tagName, options) <!DOCTYPE html> <
转载 2021-06-29 16:17:37
368阅读
引入用vue可以是要组件复用的,而组件实例的作用域是相互独立,这意味着不同组件之间的数据无法互相引用 一般来说,组件之间可以有几种关系: 如上图所示,A 和 B、B 和 C、B 和 D 都是父子关系,C 和 D 是兄弟关系,A 和 C 是隔代关系(可能隔多代)。方法一:props/ $emit(父子间传递常用方式)父组件A通过props的方式向子组件B传递 B向A通过在B组件中$emit,A组件
  • 1
  • 2
  • 3
  • 4
  • 5