随笔分类 - Vue.js 2.0
摘要：
效果： 代码目录： 新建uToast，里面建2个文件 index.js： import fullNameVue from './index.vue' const FullToast = {}; FullToast.install = function (Vue, option) { const Fu
阅读全文
效果： 代码目录： 新建uToast，里面建2个文件 index.js： import fullNameVue from './index.vue' const FullToast = {}; FullToast.install = function (Vue, option) { const Fu
阅读全文
摘要：
你是不是经常这么写： let arr = [ { src: "../../assets/good/1.png", } ] 然后你发现无法显示图片路径，那是因为你引入的图片路径方式不正确， 如果你的项目是由webpack或者vite构建，那么在导入图片路径的时候会有些许区别。 webpack： let
阅读全文
你是不是经常这么写： let arr = [ { src: "../../assets/good/1.png", } ] 然后你发现无法显示图片路径，那是因为你引入的图片路径方式不正确， 如果你的项目是由webpack或者vite构建，那么在导入图片路径的时候会有些许区别。 webpack： let
阅读全文
摘要：
假如你的自定义组件是这样： <template> <div><slot></slot></div> </template> <script> export default { name: "tButton", }; </script> 那么怎么判断你在使用时，比如<t-button></t-butt
阅读全文
假如你的自定义组件是这样： <template> <div><slot></slot></div> </template> <script> export default { name: "tButton", }; </script> 那么怎么判断你在使用时，比如<t-button></t-butt
阅读全文
摘要：
要配置路由守卫要使用到vue-router，它是 Vue.js 官方的路由管理器，主要用于帮助开发者构建单页面应用（Single Page Application，简称 SPA）。 步骤一：新建路由文件，文件名随意，建议叫router.ts，规范一点 // router.ts import { cr
阅读全文
要配置路由守卫要使用到vue-router，它是 Vue.js 官方的路由管理器，主要用于帮助开发者构建单页面应用（Single Page Application，简称 SPA）。 步骤一：新建路由文件，文件名随意，建议叫router.ts，规范一点 // router.ts import { cr
阅读全文
摘要：
我在xx.md文件里引入了多个vue文件，如下： <script setup> import demo1 from "./demo1.vue"; import demo2 from "./demo2.vue"; import preview from "@/components/preview.vu
阅读全文
我在xx.md文件里引入了多个vue文件，如下： <script setup> import demo1 from "./demo1.vue"; import demo2 from "./demo2.vue"; import preview from "@/components/preview.vu
阅读全文
摘要：
1. Transition 和 TransitionGroup 用途：用于为单个元素或组件提供过渡效果。TransitionGroup则用于列表中的多个元素或组件的过渡效果。 特点： Transition：只影响单个元素或组件，不会额外渲染DOM元素。 TransitionGroup：渲染一个真实的
阅读全文
1. Transition 和 TransitionGroup 用途：用于为单个元素或组件提供过渡效果。TransitionGroup则用于列表中的多个元素或组件的过渡效果。 特点： Transition：只影响单个元素或组件，不会额外渲染DOM元素。 TransitionGroup：渲染一个真实的
阅读全文
摘要：
我在写一个ui组件库，在打包时发现dist文件夹里没有生成我想要的xx.es.js文件，我查看了我的vue项目中的vue.config.js文件，发现build.lib没有指定输出的文件名 解决方案：配置项目中的vue.config.js文件，参考我的👇 vue.config.js import
阅读全文
我在写一个ui组件库，在打包时发现dist文件夹里没有生成我想要的xx.es.js文件，我查看了我的vue项目中的vue.config.js文件，发现build.lib没有指定输出的文件名 解决方案：配置项目中的vue.config.js文件，参考我的👇 vue.config.js import
阅读全文
摘要：
所有组件生命周期函数都通过添加on前缀或完全更名实现
阅读全文
所有组件生命周期函数都通过添加on前缀或完全更名实现
阅读全文
摘要：
要获取元素高度要满足以下条件： 1、组件或页面已加载完毕； 2、使用ref绑定的是标准的dom 先贴获取方法：用ref绑定元素title，然后在mounted使用this.$refs.title.offsetHeight获取。 为什么要满足条件1？因为页面没渲染完成是无法获取到元素的。 为什么要满足
阅读全文
要获取元素高度要满足以下条件： 1、组件或页面已加载完毕； 2、使用ref绑定的是标准的dom 先贴获取方法：用ref绑定元素title，然后在mounted使用this.$refs.title.offsetHeight获取。 为什么要满足条件1？因为页面没渲染完成是无法获取到元素的。 为什么要满足
阅读全文
摘要：
Vue 实例的创建和基本使用方法： 使用 new Vue() 创建一个 Vue 实例。 传入一个包含选项的对象，如 data、methods、computed、watch 等。 使用 el 选项来指定 Vue 实例挂载的元素。 数据绑定： 双向数据绑定：使用 v-model 指令实现表单元素与数据的
阅读全文
Vue 实例的创建和基本使用方法： 使用 new Vue() 创建一个 Vue 实例。 传入一个包含选项的对象，如 data、methods、computed、watch 等。 使用 el 选项来指定 Vue 实例挂载的元素。 数据绑定： 双向数据绑定：使用 v-model 指令实现表单元素与数据的
阅读全文
摘要：
一、基础概念与特性 Vue.js是什么？它主要用于解决什么问题？ Vue.js是一套构建用户界面的渐进式框架，旨在通过简洁的API实现响应的数据绑定和组合的视图组件。它主要用于解决前端开发中数据驱动视图的问题，提高开发效率和可维护性。 Vue.js与React和Angular有何不同？ Vue.js
阅读全文
一、基础概念与特性 Vue.js是什么？它主要用于解决什么问题？ Vue.js是一套构建用户界面的渐进式框架，旨在通过简洁的API实现响应的数据绑定和组合的视图组件。它主要用于解决前端开发中数据驱动视图的问题，提高开发效率和可维护性。 Vue.js与React和Angular有何不同？ Vue.js
阅读全文
摘要：前言：怎么说呢，子组件内嵌套了多层对象和数组，业务逻辑也是在子组件内处理，如何修改多层嵌套的对象数组的值？ vue提供了一个this.$set方法去改变对应的值，实测在uniapp打包的微信小程序中无法使用该方法，而在Android端则可以，那有没有两全其美的方法？ 答案是有，在修改深层次的值时可以
阅读全文
摘要：前言：父传值给子组件，子组件需要根据传进来的值进行watch监听props中的值并遍历插入一个值，然后同时子组件的页面会跟着渲染。 问题就是：子组件无法拿到watch更新的props值，比如传进一个list，然后通过watch来监听并在list里面加入一个新的值，前端页面拿不到新的值故而报错。 原因
阅读全文
摘要：直接看代码： // 获取屏幕高度 uni.getSystemInfo({ success: function (res) { this.screHeight = res.screenHeight; } }); 这个变量screHeight没有被赋值，拿到的还是我设置的初始值。 原因：this指向的作
阅读全文
摘要：
问题描述：vue h5业务，之前是由wepy转成uniapp，报错内容为： Unknown custom element: <uni-view> - did you register the component correctly? For recursive components, make su
阅读全文
问题描述：vue h5业务，之前是由wepy转成uniapp，报错内容为： Unknown custom element: <uni-view> - did you register the component correctly? For recursive components, make su
阅读全文
摘要：
前言：vue项目，有12周没更新了，再次运行，报错：Syntax Error: TypeError: Cannot set property 'parent' of undefined 语法错误：TypeError:无法设置未定义的属性“parent” 原因：css编译器less出了问题。我把报错的
阅读全文
前言：vue项目，有12周没更新了，再次运行，报错：Syntax Error: TypeError: Cannot set property 'parent' of undefined 语法错误：TypeError:无法设置未定义的属性“parent” 原因：css编译器less出了问题。我把报错的
阅读全文
摘要：
前言：新建一个vue+antd+admin的测试项目，从git拉取代码下来cnpm i，弄完后想着跑一跑，来个npm run serve。结果，你就看到了这篇笔记。 原因：依赖中没有这个'vue-cli-service'文件。 解决方案1：删除整个依赖，重新用npm i或者cnpm i装一遍（目的是
阅读全文
前言：新建一个vue+antd+admin的测试项目，从git拉取代码下来cnpm i，弄完后想着跑一跑，来个npm run serve。结果，你就看到了这篇笔记。 原因：依赖中没有这个'vue-cli-service'文件。 解决方案1：删除整个依赖，重新用npm i或者cnpm i装一遍（目的是
阅读全文
