08 2021 档案

摘要:一、简介 如何使用? npm install axios -S 使用方法axios(config)即可 方法axios()里面传入一个参数对象,参数对象里面可以有url属性、methods属性、params属性, 请求结束后会返回一个promise对象,所以我们可以添加一个then方法,如果请求成功 阅读全文
posted @ 2021-08-28 16:06 Eric-Shen 阅读(66) 评论(0) 推荐(0) 编辑
摘要:一、介绍 二、使用 和vue-router一样, 自定义一个文件夹,叫store,在文件下定义一个文件index.js 在index文件里, 在main.js里的初始化实例里,将store加载到vue实例上。 三、单一状态树 主要是值只初始化一个store对象,将所有数据都存储在这个store对象中 阅读全文
posted @ 2021-08-28 15:19 Eric-Shen 阅读(54) 评论(0) 推荐(0) 编辑
摘要:动态路由: 多个路由指向同一个组件;比如/user/:id,id传的不一样,但是会都匹配这个路由记录,然后指向同一个组件; 注意两点(1)这个时候组件是会被复用的,组件实例并不会销毁重建,而是直接使用;(2)组建内部可以通过this.$route.params来获取后面跟的参数 嵌套路由 一个组件内 阅读全文
posted @ 2021-08-28 15:15 Eric-Shen 阅读(102) 评论(0) 推荐(0) 编辑
摘要:一、使用vue-cli2 脚手架要使用的前提是需要先安装nodejs和webpack; 然后安装脚手架vue-cli3: npm install @vue/cli(可以加-g选择全局安装) 因为我们要使用脚手架2所以还要安装脚手架2:npm install @vue/cli-init(可以加-g选择 阅读全文
posted @ 2021-08-28 15:12 Eric-Shen 阅读(44) 评论(0) 推荐(0) 编辑
摘要:一. webpack基本使用 webpack是一个前端模块化打包工具; 我们在node环境中, 安装了webpack包之后, 只需要新建一个main.js文件, 然后在这个文件和其他文件可以使用任何模块化规范(commonjs\amd\cmd\ed6都行)开发, 最后打包的时候只需要打包这个main 阅读全文
posted @ 2021-08-28 13:48 Eric-Shen 阅读(61) 评论(0) 推荐(0) 编辑
摘要:一 模块化介绍 为什么要模块化开发? js文件引入顺序不正常导致项目不能启动问题; js文件同名变量冲突问题; 实现模块话开发目前有commonjs规范\amd规范\cmd规范\es6规范; 二 commonjs规范 commonjs规范的实现需要使用到node环境; 三 ES6规范 首先最重要的一 阅读全文
posted @ 2021-08-27 18:45 Eric-Shen 阅读(147) 评论(0) 推荐(0) 编辑
摘要:、 然后点击应用、确定,即可。 做了这么多相当于chown -R 用户名:组 文件名 chmod -R 777 问价名 阅读全文
posted @ 2021-08-27 15:52 Eric-Shen 阅读(1127) 评论(0) 推荐(0) 编辑
摘要:一、slot插槽 1、简单使用 可以在子组件模板中定义一个《slot》标签,作为插槽; 这样在父组件模板调用子组件模板时,可以在《cpn》《/cpn》中写入东西,比如 <cpn><p>我是一个p元素</p></cpn> 这个时候, <p>我是一个p元素</p> 就会重写插槽内的默认值; 2、具名插槽 阅读全文
posted @ 2021-08-26 16:54 Eric-Shen 阅读(470) 评论(0) 推荐(0) 编辑
摘要:一、组件化 1、介绍 2、注册组件的三个步骤 3、全局组件和局部组件 全局组件使用vue类的component方法创建;这个时候这个组件将可以在所有的vue实例下使用; 局部组件在创建某个vue实例的时候添加component属性创建,那么这个组件就只能在这个vue实例下使用; 4、父组件和子组件 阅读全文
posted @ 2021-08-26 16:04 Eric-Shen 阅读(97) 评论(0) 推荐(0) 编辑
摘要:一、事件监听v-on: 1、什么叫事件监听 v-on参数,就是可以监听我们触发的各种事件,比如点击click事件、键盘keyup事件;监听的原理是什么?我猜是因为我们的每一个事件都会产生一个对象,v-on捕获到了相关的对象就算是监听到了相关的事件; 2、v-on参数 (1)不需要参数时,可以简写 ( 阅读全文
posted @ 2021-08-26 15:36 Eric-Shen 阅读(530) 评论(0) 推荐(0) 编辑
摘要:一、基本语法 1、mustache语法: 双大括号,让data属性的值响应式的显示在html文件中; 也可以在双大括号中写一些简单的表达式; 2、v-once语法 标签只渲染一次,后期改变不进行渲染; 还有v-for和v-on语法和v-clok语法; 其中v-cloak斗篷语法,现在用的很少; v- 阅读全文
posted @ 2021-08-26 15:35 Eric-Shen 阅读(94) 评论(0) 推荐(0) 编辑
摘要:vue的这种声明式编程,可以有效的进行数据和页面的相分离; 以前使用的原生js或jquery是命令式编程,就会很冗余; el属性告诉vue对象以后管理哪个元素。 data属性帮助我们管理数据,并进行在视图上显示;methods属性主要是一些可能会被事件触发的方法; v-for的命令:可以循环遍历数据 阅读全文
posted @ 2021-08-26 15:33 Eric-Shen 阅读(55) 评论(0) 推荐(0) 编辑
摘要:使用vue后所有的对象都抽取成一个个的组件,通过组件加插槽的方式,实现开发。 子组件设计好默认的html模板并加上一个插槽, 父组件调用子组件,方式一可以使用默认的,方式二也可以通过插槽的方式插入一个自己喜欢的模板覆盖默认模板,方式三也可以通过父子组件通信的方式修改子组件模板来生成一个自己喜欢的模板 阅读全文
posted @ 2021-08-24 18:34 Eric-Shen 阅读(106) 评论(0) 推荐(0) 编辑
摘要:一 二 加载图片的时候一定要写相对路径或绝对路径, 并且一定要用///左斜线,右斜线会报错; 三 遍历的时候应该是for ( const item of this.list) 不然变量list会找不到; Vue warn]: Error in created hook: "ReferenceErro 阅读全文
posted @ 2021-08-16 15:13 Eric-Shen 阅读(49) 评论(0) 推荐(0) 编辑
摘要:如何将表的数据都导出成一个sql文件? 其他数据库的方式不知道,dm的话需要用到dts迁移工具; 阅读全文
posted @ 2021-08-13 15:55 Eric-Shen 阅读(2713) 评论(0) 推荐(0) 编辑
摘要:有个很坑的问题就是, npm cache clean --force:npm会有一个缓存文件夹,第二次安装的时候会自动调用第一次安装的缓存;这个时候会出现一个问题,就是第一次安装出错,第二次安装由于调用了这个缓存也会出错,所以我们需要将缓存清除; 阅读全文
posted @ 2021-08-11 08:43 Eric-Shen 阅读(79) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2021-08-10 16:49 Eric-Shen 阅读(101) 评论(0) 推荐(0) 编辑
摘要:原因很简单, 就是引用的aaa.js要么写绝对路径要么写相对路径, 给成./aaa.js就不会报错了. 阅读全文
posted @ 2021-08-09 15:27 Eric-Shen 阅读(2407) 评论(0) 推荐(0) 编辑
摘要:一、websocket协议 http协议没有办法让服务器发送消息给客户端,所以引入了websocket协议; 如果使用ajax轮询的方式,客户端需要不停的发送请求到服务端,每次都要新建一个连接(每次连接都要三次握手),会非常浪费; 而websocket只需要建立一次连接即可; 以下是websocke 阅读全文
posted @ 2021-08-09 13:29 Eric-Shen 阅读(548) 评论(0) 推荐(0) 编辑
摘要:https://segmentfault.com/a/1190000038184358 阅读全文
posted @ 2021-08-04 16:01 Eric-Shen 阅读(28) 评论(0) 推荐(0) 编辑