![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
Vue知识
嗯嗯**
If you want to go fast,go alone.If you want to go far,go together
展开
-
Vue:项目-动态路由以及坑(完整代码)
vue动态路由、完整代码、坑原创 2022-10-04 19:21:31 · 946 阅读 · 0 评论 -
this.$refs类型识别问题 - 最详细解决方案 -【vue+typescript】
typescript是强类型所致 - typescript不能识别出this.$refs.xx是否含有xx2方法 方法1 - 任何类型 - 不推荐 - 一劳永逸let myRef: any = this.$refs.myModal;myRef.resetFields(); //清空表单校验 方法2 - HTMLFormElement - 推荐 - 一劳永逸//成员变量$refs!: { myModal: HTMLFormElement //写法1 - 推荐 .原创 2020-10-11 23:12:41 · 6751 阅读 · 2 评论 -
Webpack学习2 - Vue单文件、webpack、vue/cli脚手架、vue脚手架创建项目、脚手架的配置
文章目录1. Vue单文件组件2. webpack中使用Vue3. webpack简单打包发布4. Vue脚手架4.1 使用配置4.2 vue ui创建项目4.3 创建项目文件结构4.4 脚手架自定义配置 - 打包自启动,端口号更改4.4.1 方式1 - 不推荐,该文件尽量专门用来管理包版本4.4.2 方式2 - 推荐1. Vue单文件组件解决下面的问题 - 使用Vue的单文件组件传统组...原创 2020-04-26 16:32:21 · 381 阅读 · 0 评论 -
Webpack学习1 - 概述、静态项目的启动配置、各种加载器配置
文章目录1. 概述2. webpack基本使用基本使用1基本使用23. webpack配置知识3.1 文件打包出入口3.2 配置自动打包功能3.3 配置html-webpack-plugin - 生成预览页面3.4 配置项目跑起来自动打开浏览器4. webpack的加载器4.1 加载器小知识4.2 样式加载器4.2.1 CSS文件加载器4.2.2 less文件加载器4.2.3 scss文件加载器4...原创 2020-04-26 16:25:59 · 244 阅读 · 0 评论 -
Vue学习4 - 自定义指令、回调函数、箭头函数
文章目录1. 自定义指令2. 过滤器3. 回调函数中是普通函数、箭头函数this指向问题1. 自定义指令自定义指令时需要使用到钩子函数进行定义指令钩子函数bind:只调用一次,进行初始化操作inserted:被绑定元素父节点插入时的调用updatecomponentUpdatedunbind:只调用一次,指令与元素解绑时钩子函数的参数el:被绑的元素对象binding:被绑指令所传的值...原创 2020-04-26 16:12:47 · 1771 阅读 · 0 评论 -
Vue学习3 - 属性值的监控watch、组件的创建、组件间的通信、插槽
文章目录1. 监听属性值的变化 - watch2. 组件创建 - component2.1 全局组件2.2 局部组件3 组件间的通信3.1 父向子组件传递数据 - props3.1.1 动态绑定3.1.2 静态绑定3.2 子向父组件传递数据 - v-bind:属性绑定3.3 非父子组件间的传递信息4 组件的插槽 - slot4.1 无名插槽4.2 有名插槽 - 意味一个组件可写多个插槽4.2.1 ...原创 2020-04-26 16:06:56 · 858 阅读 · 0 评论 -
Vue学习2 - 事件处理以及绑定、事件、遍历、判断、元素显示、DOM属性的绑定、comput计算属性值
文章目录1. 事件处理、以及Vue生命周期函数、事件描述符1.1 基本用法1.2 获取事件对象,阻止默认行为、事件冒泡行为、事件描述符2. for循环2.1 基本数据类型数组的遍历2.2 对象数组类型的遍历2.3 对象属性的遍历2.4 数组的特殊遍历set()2.5 对象数据的修改3. DOM元素显示3.1 v-if判断 - 决定元素是否被渲染3.1.1 单if判断3.1.2 多if判断 - i...原创 2020-04-26 16:01:11 · 805 阅读 · 0 评论 -
Vue学习1 - 单双向绑定、内容填充、闪动问题
文章目录0. vue基本格式1. 单向绑定 - {{属性名}}2. 双向绑定 - v-model="属性名"2.1 input绑定 - text2.2 textarea绑定2.3 input绑定 - checkbox2.3.1 多个checkbox - 即多选2.3.2 单个checkbox - 即单选2.4 input绑定 - radio2.5 select-option绑定单选多选3. 内容填...原创 2020-04-26 15:55:34 · 552 阅读 · 0 评论 -
Vue学习0 - 概述、MVVM思想、生命周期
文章目录1. 概述2. MVVM - Model、View、中间桥梁3. Vue生命周期图1. 概述特点核心库只关心视图层数据驱动:DOM元素随着数据变化而变化组件化:一个整体页面分成多个组件合成2. MVVM - Model、View、中间桥梁根据此图可见,DOM层、视图层的信息交互交给VM(ViewModel)进行处理 3. Vue生命周期图根据官方的生命周期图可见...原创 2020-04-26 15:51:37 · 110 阅读 · 0 评论 -
VueX学习 - 状态管理
文章目录1. 概述2. 传统Vue组件传值3. 使用Vuex1. 概述1. 使用场景:多个组件之间的数据需要保持一致 - 即组件之间的沟通 2. 原理:有个仓库存储数据,所有组件共享该仓库存储的数据,一旦该仓库数据改变,所有跟该仓库数据绑定的的值都动态的进行改变,不用每次都发送$emit进行改父组件的值依次进行传递。 3. @:表示src目录下vuex执行模块state:仓库存...原创 2020-04-26 15:49:55 · 151 阅读 · 0 评论 -
ES6模块语法标准 - 模块化、导入、暴露
文章目录1. 概述2. ES6模块化规范2.1 暴露某个模块的成员变量、方法(默认、自定义)2.2 运行某个模块的内容 - 不需暴露方法3. 导入 - import只有js文件才可以简写后缀名1. 概述传统开发问题命名冲突文件依赖模块化进行开发,解决上面两大问题模块化:单独的功能封装成一个模块文件,模块之间的变量相互隔离,通过特定的接口进行模块间的组装模块化优势代码重用方便维护...原创 2020-04-26 15:48:29 · 1221 阅读 · 0 评论 -
Vue-Router路由学习
文章目录简单使用路由重定向嵌套路由动态路由命名路由编程式导航路由前置守卫//获取当前路由地址this.$route.path//编程式路由this.$router.push("路由地址");简单使用<body> <div id="app"> <!--2. 添加路由链接--> <router-link...原创 2020-04-26 15:46:18 · 100 阅读 · 0 评论 -
常见问题解决 - 路由切换定时器问题,父组件传数据给轮播图子组件问题、异步请求执行顺序、关闭Eslint、devtools不能使用
文章目录1. 路由切换定时器问题 - 常见轮播图2. 父组件传数据给轮播图子组件问题3. 异步请求发送不按执行顺序解决3. 异步请求导致数组不一致解决方案4. 异步请求尽量放在created(){} 生命周期里面而不是mounted(){}5. 关闭ESLint语法检查 - 实在是太严格了6. Devtools不能在控制台使用的情况 - 解决方案1. 路由切换定时器问题 - 常见轮播图<...原创 2020-04-26 15:44:51 · 209 阅读 · 0 评论