vue
小清柑
这个作者很懒,什么都没留下…
展开
-
vue - 动态组件
动态组件详解https://www.cnblogs.com/xiaohuochai/p/7395694.html动态组件使用注意事项:动态组件类似于v-if渲染, 组件切换时,数据会重置, 使用keep-alive组件包裹之后, 会缓存组件数据,防止重置 <keep-alive> <component :is="comName"></component> </keep-alive>转载 2021-06-25 15:23:17 · 80 阅读 · 0 评论 -
vue - 异步更新队列避免坑
异步更新队列基本理解和使用方法:当data数据更新后, DOM并没有及时更新, 因为在vue中使用的时虚拟DOM操作更新视图, 而虚拟DOM更新视图是异步的, 每一次更新都需要在更新队列中等待, 等到视图下一次刷新时,统一更新, 所以数据更新后,视图没有及时更新解决: vue中提供的一个函数,可以监测异步更新队列, 当每次视图刷新,视图上的数据异步更新完成会执行一个回调, 此时在回调中读取数据,即可拿到最新值 this.$nextTick(()=>{ console.log(3,转载 2021-06-25 15:17:13 · 131 阅读 · 0 评论 -
vue和react图片懒加载使用方法
步骤一:在项目中安装模块vue-lazyloadnpm install vue-lazyload --save2.在main.js中配置 import vueLazyLoad from "vue-lazyload" // 在vue中使用懒加载 Vue.use(vueLazyLoad, { // 设置懒加载的占位图 loading: require("@/assets/123.jpg") })3. 使用在图片标签上不用:src,用v-lazy绑定元素,<img v-lazy原创 2021-06-01 19:55:05 · 238 阅读 · 0 评论 -
路由钩子函数(路由守卫)使用详解
1. 什么是路由守卫?路由守卫也叫路由钩子函数, 它是在路由跳转过程中调用的函数, 通过路由守卫可获取路由信息和阻止路由跳转2. 有哪些路由守卫?路由守卫有以下三种(6个):组件内的路由守卫: beforeRouteEnter() beforeRouterUpdate() beforeRouteLeave()全局路由守卫: beforeEach() afterEach()单个路由守卫: beforeEnter()3. 路由守卫有哪些参数, 作用是什么?路由守卫的参数有三个: to, fro原创 2021-05-26 23:06:31 · 5490 阅读 · 0 评论 -
路由守卫使用时的报错问题
路由守卫使用时的报错问题Uncaught (in promise)NavigationDuplicated: Avoided redundant navigation to current location: "/about?page=7".// 让路由守卫的错误不显示(用路由守卫记得加上这句,重写下抛出错误机制)const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(locat原创 2021-05-26 19:51:30 · 1059 阅读 · 0 评论 -
vue-cli3创建项目时各个选项分别是什么意思?
Choose Vue version 选择vue语法版本,默认选中Babel 插件允许我们使用ES6模块化语法,默认选中TypeScript js的升级版本,TS语法中增加了强类型定义Progressive Web App (PWA) Support 如果项目是移动端,选择Router 路由vuex 状态管理CSS Pre-processors 样式预处理:如果使用了SCSS 和 less 语法,勾选此选项Linter / Formatter 代码格式语法检测Unit Testing 测原创 2021-05-25 00:36:54 · 2074 阅读 · 0 评论 -
总结几种服务器的创建和启动方式
总结几种服务器的创建和启动方式1, 基础服务器 npm init 初始化 node index 启动2, express项目生成器 express myProject 初始化 npm start 启动3, vue1.x/2.x项目框架 vue init webpack 初始化 npm run dev 启动4, vue3.x项目框架 vue create project-name 初始化 npm run serve 启动5, react项目框架 create原创 2021-05-17 23:21:06 · 421 阅读 · 0 评论 -
vue-cli 2.x搭建项目
创建一个vue项目:1,全局安装vue命令行模块 vue-clinpm install vue-cli -g注意:vue-cli 依赖于webpack,在使用vue-cli之前,先安装webpack npm install webpack -g 2,创建项目文件夹,并在这个文件夹下打开命令行3,初始化一个vue项目 vue init webpack 注意: 其中Eslint 选项是代码格式校验工具, 要选择NO ,否则会以严格模式校验代码,如: 注释//后必须有且只有一个空格, 否则原创 2021-05-17 23:19:32 · 230 阅读 · 0 评论 -
vue-cli 3.x搭建项目
vue-cli3.0参考文档一、安装 @vue/cli 脚手架 npm install -g @vue/cli安装完成后,可以使用 vue -V (这个 V 是大写的)查看版本号注意:@vue/cli 依赖于webpack,在使用之前,先安装webpack ,webpack -v查看版本号 npm install webpack -g 二、创建项目 vue create project-name这里的 project-name 是自定义的项目名称,命令执行之后,原创 2021-05-17 16:02:34 · 139 阅读 · 0 评论 -
运行npm install报错 path git errno -4058
运行npm install报错解决方法npm ERR! code ENOENTnpm ERR! syscall spawn gitnpm ERR! path gitnpm ERR! errno -4058npm ERR! enoent Error while executing:npm ERR! enoent undefined ls-remote -h -t ssh://git@github.com/sohee-lee7/Squire.gitnpm ERR! enoentnpm ERR!原创 2020-09-07 18:43:08 · 13065 阅读 · 9 评论 -
Vue初始化项目时遇到的目录路径错误问题
Vue命令行运行npm install、npm run dev遇到的问题E:\程序开发\uni-app\RuoYi-Vue>npm run devnpm ERR! code ENOENTnpm ERR! syscall opennpm ERR! path E:\程序开发\uni-app\RuoYi-Vue\package.jsonnpm ERR! errno -4058E:\程序开发\uni-app\RuoYi-Vue-New9.7>npm installWARN enoent ENOENT原创 2020-09-07 17:21:48 · 9661 阅读 · 1 评论