![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
z___r
这个作者很懒,什么都没留下…
展开
-
ES6 部分知识箭头函数 promise
ES6 部分知识箭头函数const ccc = () => {}const sum = (num1,num2) => {return num1+num2}const sum = num1 => { return num*num } //一个参数小括号可以省略const mul = (num1,num2) => num1*num2; //之后一行代码值return可以省略,自动返回箭头函数的this引用的最近的作用域中的this,向外层的作用域中,一层层查找this,直到原创 2020-11-30 14:07:44 · 372 阅读 · 0 评论 -
axios 全局配置 封装 拦截器
axiosnpm i axios --saveaxios({ url: 'http://localhost:3000/dj/program?rid=336355127', method: 'get'}).then(res => { console.log(res);})axios({ url: 'http://localhost:3000/search', // 专门针对get请求的参数拼接 params:{ keywords: '海阔天空' },原创 2020-11-30 14:06:57 · 153 阅读 · 0 评论 -
Vuex 状态管理模式 单页面、多页面
Vuex 状态管理模式采用集中式存储管理应用所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化多个组件共享的变量全部存储在一个对象里面放在顶层的Vue实例中,其他组件可以使用管理什么状态用户的登录状态、用户的名称、用户的头像、地理位置商品的收藏、购物车的物品单界面状态管理state: 就是状态,(可以当做data中的属性)View : 视图层,可以针对State 的变化,显示不同的信息Actions: 这里面是用户的个中操作,点击,出入等,会导致状态的改变#merma原创 2020-11-30 14:05:37 · 716 阅读 · 0 评论 -
vue-router 动态路由 懒加载 导航守卫
图片显示不出来见相应的补充中路由路由:通过互联网把信息从原地址传输到目的地址的活动 — 维基百科前端渲染、后端渲染早期 整个HTML页面是由服务器来渲染的jsp: java server page图见:路由 补充图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8aD7RHmr-1606716128749)(C:\Users\ZR\AppData\Roaming\Typora\typora-user-images\image-2020112314113955原创 2020-11-30 14:02:23 · 619 阅读 · 0 评论 -
插槽 slot 具名插槽 作用域插槽
插槽 slot组件的插槽让封装好的组件更具扩展性让使用则可以决定组件内部的一些内容到底展示什么例如: 每个页面都有导航栏,则封装成一个插件,可以在多个页面中复用抽取共有的可以为插槽设置默认值slot 在组件中开辟一块可替换的位置,当父组件使用组件标签时候,将标签里面的标签替换掉组件中的slot中的标签<div id="app"> <cpn> <button>anjiu</button></cpn> <cpn>原创 2020-11-30 14:00:18 · 126 阅读 · 0 评论 -
webpack 打包
注意:webpack配置过程中,版本过新会出现问题,所以注意版本 webpackwebpack 是现代的javascript应用的静态模块打包工具模块打包生成浏览器可以识别的文件前端模块化:ES6 浏览器可以识别commonJS AMD CMD不能识别,通过webpack 可以打包处理成浏览器可以识别的代码并且能处理模块间的依赖关系把CSS、图片、json 文件都可以当做模块来使用grunt/gulp 核心是Task 前端自动化任务管理工具没有用到模块化工具,强调前端流程的自动化w原创 2020-11-30 13:59:16 · 181 阅读 · 0 评论 -
CommonJS ES6 模块化开发
模块化开发早期通过创建对象,返回模块的出口var moduleA = (function () { var obj={}; obj.flag = true; obj.myFunc = function (info) { console.log(info); } return obj;})();//使用if(moduleA.flag){ console.log("sdsds");}moduleA.myFunc("sdsd");CommonJS、 AMD、C原创 2020-11-30 13:57:39 · 76 阅读 · 0 评论 -
Vue组件 组件之间的传递
父传子props驼峰问题:props 对象名使用驼峰式的是时候,在父组件绑定时候,v-bind: 不支持驼峰式例如cMmoves 不可以要使用c-mmoves<div id="app"> <cpn :cmmoves="movies" :cmessage="message"></cpn> //cMmoves 驼峰式的时候 要使用c-mmoves ,不能直接使用cMmoves</div><template id="cpn1">原创 2020-11-30 13:56:50 · 120 阅读 · 0 评论