YuLong的博客

文章目录插槽插槽作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于 父组件 ===> 子组件 。分类：默认插槽、具名插槽、作用域插槽使用方式：默认插槽：父组件中： <Category> <div>html结构1</div> </Category>子组件中： <template> <

文章目录路由基本使用多级路由命名路由路由的参数query参数params参数路由其它props配置replace属性编程式路由导航缓存路由组件两个新的生命周期钩子路由守卫路由器的两种工作模式路由一个路由（route）就是一组 映射关系（key - value），多个路由需要 路由器（router） 进行管理。前端路由：key是路径，value是组件基本使用安装vue-router，命令：npm i vue-router应用插件：Vue.use(VueRouter)编写router配

文章目录TodoList案例Vue TodoList案例、组件通信方式、webStorage、插槽（3种）

文章目录模块与组件、模块化与组件化非单文件组件单文件组件模块与组件、模块化与组件化模块：理解: 向外提供特定功能的 js 程序，一般就是一个 js 文件为什么: js 文件很多很复杂作用: 复用 js，简化 js的编写，提高 js 运行效率组件：理解: 用来实现局部(特定)功能效果的代码集合(html/css/js/image……)为什么: 一个界面的功能很复杂作用: 复用编码，简化项目编码，提高运行效率模块化：当应用中的 js 都以模块来编写的，那这个应用就是一个模块化的应

文章目录Vue脚手架ref属性props配置项Vue脚手架ref属性props配置项

文章目录生命周期生命周期生命周期（Life Cycle）：是指一个组件从创建 -> 运行 -> 销毁的整个阶段，强调的是一个时间段。生命周期函数：是由 vue 框架提供的内置函数，会伴随着组件的生命周期，自动按次序执行。生命周期函数中的 this指向是 vm 或 组件实例对象。注意：生命周期强调的是时间段，生命周期函数强调的是时间点生命周期图示：生命周期钩子详细

文章目录内置指令内置指令复习之前所学指令：v-bind：单向绑定解析表达式, 可简写为 :xxxv-model： 双向数据绑定v-for：遍历数组/对象/字符串v-on：绑定事件监听, 可简写为@v-if： 条件渲染（动态控制节点是否存存在）v-else：条件渲染（动态控制节点是否存存在）v-show：条件渲染 (动态控制节点是否展示)v-text指令：作用：向其所在的节点中渲染文本内容与插值语法的区别：v-text会替换掉节点中的内容，{{xx}}则不会

文章目录属性datacomputedmethodswatchVue 三种模板html模板字符串模板render函数模板、属性data、computed、methods、watchVue 三种模板 html模板、字符串模板、render函数模板

文章目录Vue 指令内容渲染指令属性绑定指令事件绑定指令双向绑定指令条件渲染指令列表渲染指令Vue 指令指令（Directives）是 vue 为开发者提供的模板语法，用于辅助开发者渲染页面的基本结构。注意：指令是 vue 开发中最基础、最常用、最简单的知识点。vue 中的指令按照不同的用途可以分为如下 6 大类：① 内容渲染指令② 属性绑定指令③ 事件绑定指令④ 双向绑定指令⑤ 条件渲染指令⑥ 列表渲染指令内容渲染指令内容渲染指令用来辅助开发者渲染 DOM 元素的文本内容。常用

文章目录Vue 简介Vue 特性Vue的使用Vue 简介Vue：是一套用于构建用户界面的前端框架。构建用户界面用 vue 往 html 页面中填充数据，非常的方便框架框架是一套现成的解决方案，程序员只能遵守框架的规范，去编写自己的业务功能要学习 vue，就是在学习 vue 框架中规定的用法 vue的指令、组件（是对 UI 结构的复用）、路由、Vuex、vue 组件库Vue 的特点遵循 MVVM 模式编码简洁，体积小，运行效率高，适合移动 / PC 端开发它本身只关注