首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
vue2
柠檬仔_
创建于2023-04-08
订阅专栏
记录vue2要点
暂无订阅
共16篇文章
创建于2023-04-08
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
网页切换全屏显示,同F11功能
下载插件 HTML Script下载插件 HTML Script下载插件 HTML Script下载插件 HTML Script
全局配置less
npm i less npm i less-loader 在文件中cmd安装 vue add style-resources-loader 在vue.config.js中使用,如果自动配置好了就不用
Vue.use全局注册组件
在components文件夹下创建index.js存要全局注册的组件 在main.js文件引入使用s
具名插槽
占位 使用占位 使用占位 使用占位 使用占位 使用占位 使用占位 使用占位 使用占位 使用占位 使用
svg配置雪碧图(svg-sprite-loader)
下载svg-sprite-loader 在src文件夹下创建icons文件夹,内部创建svg文件夹(存放svg图),index.js文件,svgo.yml文件 在main.js文件内导入使用 在vue
Vue2|Router后台权限管理动态路由
配合动态路由文件使用 配置动态路由(导航守卫)|白名单 - 掘金 (juejin.cn) router文件夹下创建index.js
配置动态路由(导航守卫)|白名单
配合自动更新页面标签title方法 自动更新页面标签title - 掘金 (juejin.cn) 在src文件夹下创建permission.js文件 在main.js文件内引入并立即使用 permis
自动更新页面标签title
在utils文件夹下创建get-page-title.js文件在utils文件夹下创建get-page-title.js文件
Vue2|Router普通页面
router文件夹下创建index.js和routes.js文件 ruotes.js文件内 index.js文件内
内置组件移动挂载位置
在一个组件中使用另一个组件,默认是挂载在插入位置的父元素内,使用teleport可以挂载到别的地方,to中可以是id,类,标签选择器,下面是把引入的组件挂载到当前页面body中,跟根组件同级
计算属性传参
内部再return一个函数就可以接收参数了,下面是把数字字符串转为数字 如果是在组件库标签中使用,要把v-model改成:model-value接收计算属性,如vant
获取当前位置经纬度
获取当前位置经纬度获取当前位置经纬度获取当前位置经纬度获取当前位置经纬度获取当前位置经纬度获取当前位置经纬度
vue封装动态显示图片,v-for显示
这个方法是动态显示本地图片,服务器获取的图片不需要该方法 vue中图片数据,路径中公共部分不需要写,下面是vue3存储,vue2放data中 vue2 vue3 在utils文件夹下创建load_as
vu2和vue3代码段
vscode左上角文件->首选项->配置用户代码片段 v2 v3vscode左上角文件->首选项->配置用户代码片段
封装axios请求
先在vue.config.js文件内配置代理跨域 在src文件夹内添加api文件夹,内层添加index.js和requests.js两个文件 requests.js文件内部 index.js文件内部
vuex封装使用
vuex封装使用,src文件夹下创建store文件夹,内部创建modules文件夹(存储分类vuex)和index.js文件(整合vuex)和getters.js文件(存储vuex计算属性)