09 2022 档案

生命周期
摘要：1.生命周期& 生命周期（Life Cycle) 是指一个人组件从创建->允许->销毁的整个阶段，强调的是一个时间段。 2.生命周期函数 生命周期函数：是由vue框架提供的内置函数，会伴随着组件的生命周期，自动按次序执行。 注意：生命周期强调的是时间段，生命周期函数强调的是时间点 3.组件生命周期函 阅读全文
posted @ 2022-09-17 20:00 Funkyd 阅读(374) 评论(0) 推荐(0) 编辑
Vue组件
摘要：1.什么是Vue组件 组件化开发指的是：根据封装的思想，把页面上可重用的UI结构封装为组件，从而方便项目的开发和维护 2.vue中的组件化开发 vue是一个支持组件化开发的前端框架。 vue中规定：组件的后缀名是.vue。之前接触到的App.vue文件本质上就是一个vue的组件。 3.vue组件的三 阅读全文
posted @ 2022-09-16 15:59 Funkyd 阅读(86) 评论(0) 推荐(0) 编辑
侦听器
摘要：1.什么是watch侦听器 watch侦听器运行开发者监视数据的变化，从而针对数据的变化做特定的操作 语法格式如下： const vm = new Vue({ el ='#app', data = {username:''}, watch:{ //监听 username 值的变化 // newVal 阅读全文
posted @ 2022-09-15 08:35 Funkyd 阅读(56) 评论(0) 推荐(0) 编辑
vue-cli
摘要：1.安装和使用 vue-cli 是npm上的一个全局包，使用npm install 命令，即可方便的把它安装到自己的电脑上： npm install -g @vue/cli 基于vue-cli快速生成工程化的Vue项目 vue create 项目的名称 2.vue项目中src目录的构成： 1.ass 阅读全文
posted @ 2022-09-14 00:52 Funkyd 阅读(41) 评论(0) 推荐(0) 编辑
axios
摘要：axios是一个专注于网络请求的库 axios语法如下： axios({ method:'请求的类型', url:’请求的URL地址', }).then(result)=>{ //.then 用来指令请求成功之后的回调函数 //形参中的result是请求成功之后的结果 }） axios的基本使用 1 阅读全文
posted @ 2022-09-13 08:12 Funkyd 阅读(83) 评论(0) 推荐(0) 编辑
计算属性
摘要：1.什么是计算属性 计算属性指的是通过一系列运算之后，最终得到一个属性值 这个动态计算出来的属性值，可以被模板结构或methods方法使用。示例代码如下： const vm = new Vue({ //el为固定写法，表示当前实例vm要控制哪一个区域，返回值是一个选择器 el:"#app", //d 阅读全文
posted @ 2022-09-12 01:36 Funkyd 阅读(230) 评论(0) 推荐(0) 编辑
vue的过滤器
摘要：过滤器（Filters）是vue为开发者提供的功能，常用于文本的格式化。过滤器可以用在两个地方：插值表达式和v-bind属性绑定。 过滤器应该被添加在JavaScript表达式的尾部，由“管道符”进行调用，示例代码如下： 过滤器的注意点： 1.要定义到filters节点下，本质上是一个函数 2.在过 阅读全文
posted @ 2022-09-11 03:35 Funkyd 阅读(2344) 评论(0) 推荐(0) 编辑
vue的基本使用
摘要：1.基本使用步骤 1.导入vue.js的script脚本文件 2.在页面中声明一个将要被vue所控制的DOM区域 3.创建一个vm实例对象（vue实例对象） VUE的指令与过滤器 1.指令的概念 指令（Diretives）是vue为开发者提供的模板语法，用于辅助开发者渲染页面的基本结构 vue中的指 阅读全文
posted @ 2022-09-09 00:53 Funkyd 阅读(721) 评论(0) 推荐(0) 编辑
Vue简介
摘要：1.什么是vue 官方给出的概念：Vue(读音/vju/,类似于view)是一套用于构建用户界面的前端框架 1.构建用户界面 用vue往html页面中填充数据，非常的方便 2.框架 框架是一种现成的解决方案，程序员只能遵守框架的规范，去编写自己的业务功能 要学习Vue,就是在学习vue框架中规定的用 阅读全文
posted @ 2022-09-05 00:57 Funkyd 阅读(307) 评论(0) 推荐(0) 编辑
Source Map
摘要：1.什么是Source Map Source Map就是一个信息文件，里面储存着位置信息。也就是说Source Map文件中存储着压缩混淆后的代码，所对应的转换前的位置。 有了它，出错的时候，除错工具将直接显示原始代码，而不是转换后的代码，能够极大的方便后期的调试 默认Source Map的问题 开 阅读全文
posted @ 2022-09-04 04:24 Funkyd 阅读(123) 评论(0) 推荐(0) 编辑
发布-build命令
摘要：1.配置webpack的打包发布 在package.json文件的script节点下，新增build命令如下： "script":{ "dev":"webpack server",//开发环境中，运行 dev 命令 "build":"webpack --mode production" //项目发布 阅读全文
posted @ 2022-09-03 21:45 Funkyd 阅读(163) 评论(0) 推荐(0) 编辑
webpack中的loader
摘要：1.loader概述 在实际开发过程中，webpack默认只能打包处理 .js 后缀名结尾的模块，其他非.js后缀名结尾的模块，webpack默认处理不了，需要调用loader加载器才可以正常打包，否则会报错！ loader加载器的作用：协助webpack打包处理特定的文件模块。比如： css-lo 阅读全文
posted @ 2022-09-03 19:39 Funkyd 阅读(130) 评论(0) 推荐(0) 编辑
webpack中的插件
摘要：1.webpack插件的作用 通过安装和配置第三方插件，可以拓展webpack的能力，从而让webpack用起来更方便。最常用的webpack插件如下有两个： webpack-dev-server 类似于node.js阶段用到的nodemon工具 每当修改了源代码，webpack会自动进行项目的打包 阅读全文
posted @ 2022-09-02 01:13 Funkyd 阅读(91) 评论(0) 推荐(0) 编辑
初识webpack
摘要：1.什么是webpack? 概念：webpack是前端项目工程化的具体解决方案 主要功能：它提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器端JavaScript的兼容性（根据配置，来兼容不同的浏览器版本）、性能优化等强大的功能 好处：让程序员把工作的重心放到具体功能的实现上，提高了前端 阅读全文
posted @ 2022-09-01 00:36 Funkyd 阅读(23) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示