05 2022 档案
摘要：Flex布局（弹性布局） Flex是弹性布局，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为Flex布局。行内元素也可以使用Flex布局。 采用Flex布局的元素，称为Flex容器。flex item项目是Flex布局的元素，简称项目。 容器：水平的主轴（main axis）和垂直的交叉轴
阅读全文
摘要：grid和flex区别是什么？ Flexbox 是一维布局系统，适合做局部布局，比如导航栏组件。Grid 是二维布局系统，通常用于整个页面的规划。flex布局和grid布局是现在的主流的两种布局方式。二者从应用场景来说并不冲突。虽然 Flexbox 也可以用于大的页面布局，但是没有 Grid 强大和
阅读全文
摘要：常用的条件指令有： v-ifv-else-ifv-else其中v-if可以单独使用，v-else-if必须紧跟v-if，v-else必须紧跟v-else-if或者v-if。当表达式的值为true时，当前元素/组件及所有的子节点都将会被渲染，反之被移除。 如果一次判断的是多个元素或组件，那么可以在元素
阅读全文
摘要：一：vue中如何绑定事件？vue事件分为两类，一个是原生dom事件，一个是组件自定义事件，绑定方法类似: #绑定原生dom事件 <div id="example-1"> <button v-on:click="handle">Add 1</button> <p>The button above ha
阅读全文
摘要：vue提供动态绑定class的方法，是根据属性控制控制class的显示与隐藏。 testStyle,testStyle2是类名，是否在元素中引用该类，取决于后面的方法（属性）传递回来的值（true 或 false） <template> <div> <div :class="{testStyle:t
阅读全文
摘要：什么是数据双向绑定？ vue是一个mvvm框架，即数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。这也算是vue的精髓之处了。值得注意的是，我们所说的数据双向绑定，一定是对于UI控件来说的，非UI控件不会涉及到数据双向绑定。 单向数据绑定是使用状态
阅读全文
摘要：1.首先通过命令行在相关文件夹下下载vue-router（npm i vue-router)，在路由文件中引入相关依赖 import { createRouter, createWebHashHistory } from "vue-router"; 2.创建路由信息对象数组: path:路径参数 c
阅读全文
摘要：1.首先，添加盒子：定义图片盒子small-box， 黄色移动盒子tool， 放大盒子big-box 2.设置css样式：完成基础样式的实现 3.对象获取：获取图片盒子small-box，黄色盒子tool， 大盒子big-box，放大图片bigImg 4.通过添加鼠标事件完善界面效果：这里添加了鼠标
阅读全文
摘要：简介： ”TypeScript的作者是安德斯·海尔斯伯格，C#的首席架构师。 它是开源和跨平台的编程语言。它是JavaScript的一个超集， 而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 用途： 支持 ECMAScript 6 标准（ES6 教程）。 TypeScript 由微
阅读全文
摘要：什么是vuex？ Vuex 是专门为 Vue.js 设计的状态管理库，状态就是指组件之间共享的数据采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简单地说就是采用全局单例模式，将组件的共享状态抽离出来管理，使组件树中的每一个位置都可以获取共享的状态（变量）或
阅读全文
摘要：MVVM 架构 学习 Vue 前我们首先还需要了解一个基于前端的架构模式，也就是 MVVM ，它是 Model-View-ViewMode 的简写，其关系简单的描述为下图： Model（模型层）：表示 Javascript 数据对象 View（视图层）：表示 DOM，也可以简单理解为前端展示的内容
阅读全文
摘要：一个组件从创建到销毁的过程就是生命周期。 beforeCreate:vue对象创建成功前 1、当前vue实例化的时候会做一个初始化的操作，在这个生命周期函数里面我们可以做初始化的loading 2、在当前函数里面是访问不到data中的属性，但是可以通过vue的实例对象进行访问 created:vue
阅读全文
摘要：动态路由传参： 当我们很多个页面或者组件都要被很多次重复利用的时候，我们的路由都指向同一个组件，这时候从不同组件进入一个"共用"的组件，并且还要传参数，渲染不同的数据，这就要用到动态路由跟路由传参了。 一、vue路由基础用法： 1 .安装 npm install vue-router --save
阅读全文
