摘要: filter:过滤器,基本的概念这里就不再复述,官方文档很详细 全局使用filter: 新建一个filter.js文件 const filters = { reverseMsg:msg=> msg+',this is filter', concatMsg:msg=>msg+',this is fil 阅读全文
posted @ 2019-12-09 16:47 LPEIL 阅读(323) 评论(0) 推荐(0) 编辑
摘要: 使用场景:当组件层级较深,然后需要使用到根组件中的某些值,就需要使用到依赖注入 依赖注入的基本内容就是关于 provide 和 inject 根组件中使用provide export default { name: 'app', data(){ return { msg:'Welcome to Yo 阅读全文
posted @ 2019-12-09 12:00 LPEIL 阅读(613) 评论(0) 推荐(1) 编辑
摘要: 父组件传值给子组件 这里涉及$emit() :用于子组件给父组件传值 父组件中注册了子组件,将值传递给子组件: <blog-post title="My journey with Vue"></blog-post> 子组件利用props接收值 export default{ data(){ retu 阅读全文
posted @ 2019-12-06 15:51 LPEIL 阅读(1245) 评论(0) 推荐(0) 编辑
摘要: vue-router适合于构建单页面项目 如果遇见router-view无法显示内容请参考这篇博客 https://www.cnblogs.com/peilin-liang/p/11858100.html 1.下载vue-router npm i vue-router -S 2.然后在项目中新建ro 阅读全文
posted @ 2019-12-05 16:03 LPEIL 阅读(520) 评论(0) 推荐(0) 编辑
摘要: 1.全局安装:npx npm install -g npx 2.创建项目: npx create-nuxt-app project-name 各个配置项说明 3.各个配置项 为了让项目能够运行import 支持ES6语法 运行 npm install babel-preset-es2015 为了让项 阅读全文
posted @ 2019-12-03 10:16 LPEIL 阅读(303) 评论(0) 推荐(0) 编辑
摘要: generator其实是一种函数,普通函数— 一路到底,generator函数—中间能停; 基本用法: function *show(){//如果存在异步操作就用yield yield; //暂停 }let p = show();p.next(); 其原理就是生成了一堆的小函数,然后依次执行. yi 阅读全文
posted @ 2019-12-02 23:19 LPEIL 阅读(388) 评论(0) 推荐(0) 编辑
摘要: 1.异步:操作与操作之间没有关系,同时进行多个操作,代码更复杂 2.同步:同时只能做一个事,代码简单 promise的三种状态:pending/reslove/reject 。pending就是未决,resolve可以理解为成功,reject可以理解为拒绝 promise-消除异步操作 let p 阅读全文
posted @ 2019-12-02 22:50 LPEIL 阅读(590) 评论(0) 推荐(0) 编辑
摘要: let 与 var 的区别 a.let 不能重复声明,但var可以 b.let会产生块级作用域,且只在自己的作用域内生效,但var不受限制 c.变量提升 console.log(i) //undefined var i=10; console.log(i) //10 console.log(i) / 阅读全文
posted @ 2019-12-02 14:14 LPEIL 阅读(321) 评论(0) 推荐(0) 编辑
摘要: 1.多了两个新方法 startsWith():是否以某个东西开头 let ste="sdfdfdsfdsf"; alert(ste.startsWith('a')) let str="http://www.baidu.com"; if(str.startsWith('http://')){ aler 阅读全文
posted @ 2019-12-01 21:59 LPEIL 阅读(134) 评论(0) 推荐(0) 编辑
摘要: 1.map-映射(一个对一个) let arr = [12,58,99,86,45,91]; let result = arr.map(function(item){ // alert(item) return item*2 }); //let result = arr.map(item=>item 阅读全文
posted @ 2019-12-01 21:46 LPEIL 阅读(125) 评论(0) 推荐(0) 编辑