摘要: 1.生命周期& 生命周期(Life Cycle) 是指一个人组件从创建->允许->销毁的整个阶段,强调的是一个时间段。 2.生命周期函数 生命周期函数:是由vue框架提供的内置函数,会伴随着组件的生命周期,自动按次序执行。 注意:生命周期强调的是时间段,生命周期函数强调的是时间点 3.组件生命周期函 阅读全文
posted @ 2022-09-17 20:00 Funkyd 阅读(351) 评论(0) 推荐(0) 编辑
摘要: 1.什么是Vue组件 组件化开发指的是:根据封装的思想,把页面上可重用的UI结构封装为组件,从而方便项目的开发和维护 2.vue中的组件化开发 vue是一个支持组件化开发的前端框架。 vue中规定:组件的后缀名是.vue。之前接触到的App.vue文件本质上就是一个vue的组件。 3.vue组件的三 阅读全文
posted @ 2022-09-16 16:00 Funkyd 阅读(77) 评论(0) 推荐(0) 编辑
摘要: 1.什么是watch侦听器 watch侦听器运行开发者监视数据的变化,从而针对数据的变化做特定的操作 语法格式如下: const vm = new Vue({ el ='#app', data = {username:''}, watch:{ //监听 username 值的变化 // newVal 阅读全文
posted @ 2022-09-15 08:36 Funkyd 阅读(48) 评论(0) 推荐(0) 编辑
摘要: 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 阅读(28) 评论(0) 推荐(0) 编辑
摘要: axios是一个专注于网络请求的库 axios语法如下: axios({ method:'请求的类型', url:’请求的URL地址', }).then(result)=>{ //.then 用来指令请求成功之后的回调函数 //形参中的result是请求成功之后的结果 }) axios的基本使用 1 阅读全文
posted @ 2022-09-13 08:12 Funkyd 阅读(75) 评论(0) 推荐(0) 编辑
摘要: 1.什么是计算属性 计算属性指的是通过一系列运算之后,最终得到一个属性值 这个动态计算出来的属性值,可以被模板结构或methods方法使用。示例代码如下: const vm = new Vue({ //el为固定写法,表示当前实例vm要控制哪一个区域,返回值是一个选择器 el:"#app", //d 阅读全文
posted @ 2022-09-12 01:36 Funkyd 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 过滤器(Filters)是vue为开发者提供的功能,常用于文本的格式化。过滤器可以用在两个地方:插值表达式和v-bind属性绑定。 过滤器应该被添加在JavaScript表达式的尾部,由“管道符”进行调用,示例代码如下: 过滤器的注意点: 1.要定义到filters节点下,本质上是一个函数 2.在过 阅读全文
posted @ 2022-09-11 03:35 Funkyd 阅读(2312) 评论(0) 推荐(0) 编辑
摘要: 1.基本使用步骤 1.导入vue.js的script脚本文件 2.在页面中声明一个将要被vue所控制的DOM区域 3.创建一个vm实例对象(vue实例对象) VUE的指令与过滤器 1.指令的概念 指令(Diretives)是vue为开发者提供的模板语法,用于辅助开发者渲染页面的基本结构 vue中的指 阅读全文
posted @ 2022-09-09 00:53 Funkyd 阅读(697) 评论(0) 推荐(0) 编辑
摘要: 1.什么是vue 官方给出的概念:Vue(读音/vju/,类似于view)是一套用于构建用户界面的前端框架 1.构建用户界面 用vue往html页面中填充数据,非常的方便 2.框架 框架是一种现成的解决方案,程序员只能遵守框架的规范,去编写自己的业务功能 要学习Vue,就是在学习vue框架中规定的用 阅读全文
posted @ 2022-09-05 00:57 Funkyd 阅读(262) 评论(0) 推荐(0) 编辑
摘要: 1.什么是Source Map Source Map就是一个信息文件,里面储存着位置信息。也就是说Source Map文件中存储着压缩混淆后的代码,所对应的转换前的位置。 有了它,出错的时候,除错工具将直接显示原始代码,而不是转换后的代码,能够极大的方便后期的调试 默认Source Map的问题 开 阅读全文
posted @ 2022-09-04 04:24 Funkyd 阅读(97) 评论(0) 推荐(0) 编辑