- 博客(14)
- 收藏
- 关注
原创 ES6学习第二天
方式1 函数声明方式 function 关键字 (命名函数)方式2 函数表达式(匿名函数)方式3 new Function()f(1, 2);var fn = new Function('参数1','参数2'..., '函数体')注意/*Function 里面参数都必须是字符串格式第三种方式执行效率低,也不方便书写,因此较少使用所有函数都是 Function 的实例(对象)函数也属于对象*/JavaScript 除了提供正常模式外,还提供了严格模式(strict mode)。
2023-06-21 17:11:53
104
原创 VueX学习与使用
##今日目标 1.Vuex概述2.Vuex基本使用3.使用Vuex完成todo案例###1.Vuex概述 Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间的数据共享使用Vuex管理数据的好处: A.能够在vuex中集中管理共享的数据,便于开发和后期进行维护 B.能够高效的实现组件之间的数据共享,提高开发效率 C.存储在vuex中的数据是响应式的,当数据发生改变时,页面中的数据也会同步更新###2.Vuex的基本使用 创建带有vuex的vue项目,
2023-06-21 14:53:04
137
原创 Vue路由守卫
路由守卫在实际开发过程中是一个较为重要的知识点,其作用和功能在实际开发中也大大方便了我们的开发,在对用户鉴权操作时也提高了我们编写代码的小效率,以上就是我个人在学习时对路由守卫的理解和笔记。纸上得来终觉浅,绝知此事要躬行!!
2023-06-21 11:55:36
395
原创 Vue路由
后端路由性能相对前端路由来说较低,所以,我们接下来主要学习的是前端路由 前端路由的基本概念:根据不同的事件来显示不同的页面内容,即事件与事件处理函数之间的对应关系 前端路由主要做的事情就是监听事件并分发执行事件处理函数。###2.前端路由的初体验 前端路由是基于hash值的变化进行实现的(比如点击页面中的菜单或者按钮改变URL的hash值,根据hash值的变化来控制组件的切换) 核心实现依靠一个事件,即监听hash值变化的事件。那么url地址和真实的资源之间就有一种对应的关系,就是路由。
2023-06-21 10:54:55
54
原创 Webpack 打包工具使用
编辑js文件中的代码如下: const presets = [ ["@babel/env",{ targets:{ edge:"17", firefox:"60", chrome:"67", safari:"11.1" } }] ] //暴露 module.exports = { presets }####A.默认导出 export default { 成员A, 成员B, ....... },如下: let num = 100;
2023-06-21 10:15:02
111
原创 Vue基础学习第四天(基础结束)
首先要搭建我们自己简单的服务器==》》》在我们的myapi包下面执行安装要安装nodemon辅助工具,cd到myapi文件下面执行就可以正常的使用我们的本地接口了。
2023-06-20 17:20:45
48
原创 Vue基础学习第三天
子组件中不推荐操作父组件的数据有可能多个子组件使用父组件的数据 我们需要把数据传递给父组件让父组件操作数据。Vue.component('组件名称', { }) 第1个参数是标签名称,第2个参数是一个选项对象。传递数据方,通过一个事件触发hub.$emit(方法名,传递的数据)子组件中不推荐操作数据 把这些数据传递给父组件 让父组件处理这些数据。组件的最大特性就是复用性,而用好插槽能大大提高组件的可复用能力。父组件发送的形式是以属性的形式绑定值到子组件身上。从父组件把标题数据传递过来 即 父向子组件传值。
2023-06-20 17:01:59
53
原创 Vue基础学习第二天
内置指令不能满足我们特殊的需求Vue允许我们自定义指令Vue.directive 注册全局指令--使用自定义的指令,只需在对用的元素中,加上'v-'的前缀形成类似于内部指令'v-if','v-text'的形式。-->// 注意点:// 1、 在自定义指令中 如果以驼峰命名的方式定义 如 Vue.directive('focusA',function(){})// 2、 在HTML中使用的时候 只能通过 v-focus-a 来使用。
2023-06-20 16:44:58
56
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人