Vue.js
文章平均质量分 82
heroboyluck
学习,睡觉,看电视,打游戏。
展开
-
rspack 使用构建vue3脚手架
基于 Rust 的高性能 Web 构建工具。rspack 主要适配 webpack 生态,对于绝大多数 webpack 工具库都是支持的。原创 2024-04-13 14:18:13 · 1519 阅读 · 0 评论 -
初识esbuild、构建vue3脚手架
esbuild 非常快速的 web 打包器,使用 go 语言编写。原创 2023-04-28 01:01:35 · 2145 阅读 · 3 评论 -
初识rollup 打包、配置vue脚手架
rollup javascript 代码打包器,它使用了 es6 新标准代码模块格式。面向未来,拥抱 es 新标准,支持标准化模块导入、导出等新语法。tree shaking 静态分析导入的代码。排除未实际引用的内容原创 2023-03-09 22:26:38 · 1703 阅读 · 1 评论 -
vite配置多页面应用
通过配置多页面应用,从而将给子模块依赖分隔开各自加载,可以减少初始资源请求,加快访问速度。vite 实现多页面应用配置,访问各模块页面;原创 2022-09-03 18:42:11 · 5718 阅读 · 0 评论 -
vue3 sfc单文件组件中如何书写JSX语法?
最近一直在学vue3.并从头开始,搭建了vite+vue3的开发模板;vite+vue3 地址配置了sfc,jsx两种书写方式。想在单文件组件中书写jsx语法却总是报错。最后查找,只要预设script 处理语言lang="jsx"就好了。<template> <div></div></template><script lang="jsx"> export default{ data(){ return {原创 2022-07-29 18:28:04 · 818 阅读 · 2 评论 -
Vue3 现在有多少种写法?
Vue3中加入了响应式API,书写一个组件的方式又增加了几种。看看有什么不一样vue2。原创 2022-07-23 16:34:58 · 793 阅读 · 0 评论 -
vite-vue3开发环境搭建
目前项目还未使用vite 以及vue3 。 计划下一个新的项目就是用,提前做个示例demo,根据以往的项目所需要的配置,搭建vite+vue3 代码架构;原创 2022-07-17 11:20:34 · 2597 阅读 · 0 评论 -
Vue基础知识 -过滤器、样式绑定、slot插槽内容分发
习惯了使用React, 偶尔接手Vue项目,使用的时候有点别扭,故做此笔记,以供时不时查看。1. 过滤器插值或绑定表达式。<p>{{name|formatValue}}</p><my-info :name="name|formatValue" />// ...export default{ data(){ return { name:"" } }, filters:{ .原创 2022-05-02 14:06:15 · 901 阅读 · 0 评论 -
el-table动态渲染列、可编辑单元格、虚拟无缝滚动
针对日常开发的组件二次封装、方案设计实现。包括对el-table的动态渲染、单元格编辑;对于无缝滚动的实现,优化大数据量下的页面卡顿问题。1. el-table实现动态渲染列常规使用el-table<template> <el-table ref="multipleTable" :data="data" > <el-table-column prop="family_name" label="姓名" align="center">原创 2022-05-01 15:36:25 · 12206 阅读 · 7 评论 -
element-ui 实记问题记录
主要是记录一些在使用Element-ui 组件时,耗费时间去解决的一些问题。原创 2021-10-29 15:33:37 · 685 阅读 · 0 评论 -
在vue项目中配置使用svg
常使用svg作为图标使用已经很常见了,以下为几种使用方式 .原创 2021-09-16 19:55:43 · 1012 阅读 · 0 评论 -
记录一次两年前的Vue项目升级
记录一次两年前的Vue项目升级。包括vue配置、webpack配置、babel配置、eslint及husky配置原创 2021-08-03 22:25:53 · 1722 阅读 · 4 评论 -
vue 实现 el-select 下拉选项的懒加载
下拉选择是常用的用户交互选择的操作;常用固定选择项或者动态渲染选择项.实际项目中存在数据量大,一次性渲染很多数据会造成下拉卡顿的问题, 通过滚动懒加载,逐步增加下拉选项.原创 2021-06-29 20:03:59 · 5311 阅读 · 6 评论 -
Vue 系列 - v-model自定义组件结合el-form做表单校验
1. ElementUI form表单基本使用 , 表单校验流程.2. v-model 自定义组件 , 并结合element from进行校验.原创 2021-04-09 23:49:39 · 5863 阅读 · 3 评论 -
Vue 实现事件机制
实现Vue中的事件机制。原创 2020-01-15 00:35:00 · 725 阅读 · 0 评论 -
(二)使用vue-cli学习使用vue-router
一、路由部分 使用vue-router处理链接跳转,在vue-cli 构建的项目中默认安装,在生成的模板已经配置好了,如图: 配置好之后,就可以在页面中使用了,常用的&amp;amp;lt;a href=''&amp;amp;gt;&amp;amp;lt;/a&amp;amp;gt;标签。vue-router提供了&amp;amp;lt;router-link to=''&amp;amp原创 2018-07-13 14:47:57 · 3463 阅读 · 0 评论 -
Vue 基础API汇总—全局配置、全局API
全局配置Vue.config 是全局配置对象。silent默认false,是否取消Vue所有的日志与警告。Vue.config.silent = true;optionMergeStrategies自定义合并策略的选项。影响每一个Vue实例。Vue.config.optionMergeStrategies._my_option=function(parent,child,vm){ ...原创 2018-11-10 23:15:15 · 2084 阅读 · 0 评论 -
Vue基础API汇总-Vue实例选项
记录一些需要注意的细节点。选项/数据data// data最好是函数export default { name:", data(){ return { name:'', age:'', } }}// data 使用箭头时,传入当前的实例(作为第一个参数)dat:vm=>({ name:vm.name})通过vm.$data访问原始数据对象。...原创 2018-11-11 22:55:56 · 321 阅读 · 0 评论 -
Vue基础API汇总-实例属性、事件、生命周期
每一个Vue实例,以下属性可全局调用。实例属性vm.$dataVue实例观察的数据对象。选项/数据中的datavm.$props组件接受到的props对象。父子组件通信,父组件向子组件传递数据。vm.$el只读Vue 实例挂载的DOM元素。vm.$options只读用于当前Vue实例的初始化选项。选项中包含自定义属性。new Vue({ myName:'admin', ...原创 2018-11-18 18:29:59 · 570 阅读 · 0 评论 -
(一)使用Vue-cli学习使用vue框架
一、使用npm安装vue-cli,$>npm install -g vue-cli$>npm init webpack testVue$>cd testVue$>npm install$>npm run dev 使用npm安装比较慢,推荐使用cnpm : npm install -g cnpm –registry=https://registry...原创 2018-04-15 14:02:32 · 2923 阅读 · 0 评论