随笔分类 - 7-web前端
说明：本系列笔记为个人学习记录，学习课程为尚学堂系列课程。https://www.bilibili.com/video/BV1oz421q7BB?spm_id_from=333.788.videopod.episodes&vd_source=a8188b9378385ae3de36009c7a1ed1a5&p=58，
摘要：一、打开官网 https://www.iconfont.cn/ 二. 添加到购物车 三.下载代码，解压 四.引用 打开demo_index.html文件
阅读全文
摘要：访问网址：https://uiverse.io/
阅读全文
摘要：一、避坑指南 1.关于路径问题 也不要使用绝对路径 <template> <div class="home"> <!-- 开始部分 --> <div class="signature"> <div class="signature-text"> <h4 id="hometitle1">在地图上绘制每
阅读全文
摘要：一、Element elementui官网 1.1 安装 1.2 完整引用 如果你对打包后的文件大小不是很在乎，那么使用完整导入会更方便 第一步：在主文件中导入 第二步去Element 官网复制代码去： 粘贴到helloworld.vue中 效果： 1.3 按需导入 按需导入才是我们的最爱，毕竟在真
阅读全文
摘要：一、vue3新特性 1.1 六大亮点 二、组合API（setup） 2.1 ref或者reactive 1、创建项目 vue create vue-demo5 2、进入文件，启动服务。 3、 2.2 methods中定义的方法写在setup() 2.3setup()中使用props和context
阅读全文
摘要：一、vue状态管理（Vuex） 可以理解为组件与组件之间的数据管理。 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式+库。 它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 简单来说，状态管理可以理解成为了更方便的管理组件之间的数据交互，提
阅读全文
摘要：一、Vue引入路由配置 在Vue中，我们可以通过 vue-router 路由管理页面之间的关系 Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举. 1.1 在vue中引入路由 第一步：安装路由 npm install
阅读全文
摘要：一、Axios 网络请求 Axios 是一个基于 promise 的网络请求库。 1.1 安装 ctrl + c :停止服务。 安装：npm install -save axios 安装完启动原来的服务：npm run serve 1.2 引入 局部引用： import axios from 'ax
阅读全文
摘要：一、Swiper 官网： https://www.swiper.com.cn/ https://swiperjs.com/vue 安装swiper: 创建一个组件：MySwiper.vue <template> <div class="hello"></div> <swiper> <swiper-s
阅读全文
摘要：一、Props组件交互 组件与组件之间是需要存在交互的，否则完全没关系，组件的意义就很小了. Prop是你可以在组件上注册的一些自定义 attribute. 二、自定义事件组件交互 自定义事件可以在组件中反向传递数据，prop可以将数据从父组件传递到子组件，那么反向如何操作呢，就可以利用自定义事件实
阅读全文
摘要：一、组件基础 1.1 单文件组件 Vue 单文件组件(又名*.vue文件，缩写为 SFC)是一种特殊的文件格式，它允许将 Vue 组件的模板、逻辑与 样式封装在单个文件中. 1.创建一个组件 <template> <h3>zujian</h3> </template> <script> export
阅读全文
摘要：一、表单输入绑定 你可以用 v-model 指令在表单 <input>、<textarea>及 <select>元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素，尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件来更新数据，并在某种极端场景下进行一些特
阅读全文
摘要：一、事件处理 1.1 监听事件（添加事件） 我们可以使用 v-on 指令 (通常缩写为 @ 符号)来监听 DOM 事件，并在触发事件时执行一些JavaScript。用法为v-on:click="methodName”或使用快捷方式 @click="methodName”. <template> <d
阅读全文
摘要：一、列表渲染 1.1 v-for 用 v-for把一个数组映射为一组元素。 我们可以用 v-for 指令基于一个数组来渲染一个列表。 v-for 指令需要使用 item in items 形式的特殊语法，其中items 是源数据数组，而 item 则是被迭代的数组元素的别名。 <template>
阅读全文
摘要：一、条件渲染 根据条件不同，在页面中渲染不同的内容。 v-if v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 true 值的时候被渲染。 v-else 使用v-else指令来表示 v-if 的“else 块”. <template> <p v-if="flag">俺是齊天大
阅读全文
摘要：一、模板语法 有了模板语法，页面的每个元素都可以动态处理了。 网址：https://cn.vuejs.org/ src下面的文件： 1.assets ：存放静态资源 2.components:存放组件 3.App.vue:根组件，组件入口。 4.main.js :主入口文件。 我们在HelloWor
阅读全文
摘要：一、Vue 是什么？ Vue是前端优秀框架，是一套用于构建用户界面的渐进式框架。 二、开发前端的准备 2.1 install Vue TOOl Vue CLI vue cli Vue.js 开发的标准工具， vue cli 是一个基于 Vue.js 进行快速开发的完整系统. 官网： https://
阅读全文
摘要：一、Module的语法 历史上，JavaScript 一直没有模块(module)体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语言都有这项功能，比如 Ruby的require、Python 的 import ，甚至就连 CSS 都有@import ，但是JavaScri
阅读全文
摘要：一、class的基本语法 ES6 提供了更接近传统语言的写法，引入了 Class(类)这个概念，作为对象的模板。 通过 cass 关键字，可以定义类。 基本上，ES6 的 class 可以看作只是一个语法糖，它的绝大部分功能，ES5 都可以做到，新的 class 写法只是让对象原型的写法更加清晰、更
阅读全文
摘要：一、Async 函数 ES2017 标准引入了 async 函数，使得异步操作变得更加方便。 async函数可以将异步操作变为同步操作。 <script> function print(){ //定时器是异步的 setTimeout(()=>{ console.log("定时器"); },2000)
阅读全文
浙公网安备 33010602011771号