陈伟霆的小可爱-CSDN博客

原创数据请求的几种方式

(1) vue-resource请求从vue的2.0开始，作者说：vue-resource不再维护了 (2) fetch请求（规范） why: XMLHttpRequest 是一个设计粗糙的 API，配置和调用方式非常混乱，而且基于事件的异步模型写起来不友好。查看兼容性兼容性不好，可以借助polyfill实现兼容 1 //get 2 fetch("**?a=1&b=2").then(res=>res.json()).then(res=>{console.log(res)})

2020-12-11 19:52:30 522

原创 vue的计算属性computed解析

1、基础例子有的时候我们需要在模板中使用数据a，这个时候就需要用到表达式，但是有的地方我们需要对a数据进行一些简单的处理后才能使用，那么我们就会在表达式中写一些js逻辑运算。 <div id="example"> {{ message.split('').reverse().join('') }} </div> 这样我们的维护就会非常困难，也不便于阅读 2、计算缓存 vs methods 我们就可以在methods里设置一个方法，在模板的表达式中使用这个方法 // 在组件中 m

2020-12-11 19:38:50 139

原创 vue中父子组件之间的通信方式

1、属性往下事件往上思路：父组件把事件函数通过事件绑定的方式传递给子组件让子组件调用并传递参数 <div id="app"> <coma></coma> </div> <template id="tpl"> <form> <h1>我是组件标题---{{title}}</h1> <child1 :change='change'></child

2020-11-28 11:57:22 194

原创 vue中 props的基本介绍

一、Prop 的大小写 (camelCase vs kebab-case) HTML 中的 attribute 名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名。示例1： Vue.component("zidingyi", { template: "#tpl", props:["hellow

2020-11-28 10:27:05 1814

原创 vue 组件的data属性

当我们定义这个 <button-counter> 组件时，你可能会发现它的 data 并不是像这样直接提供一个对象： data: { count: 0 } 取而代之的是，一个组件的 data 选项必须是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝： data: function () { return { count: 0 } } 案例： Vue.component("zidingyi", { template: "#tpl",

2020-11-26 19:46:45 525

原创 vue全局组件和局部组件用法

一般的应用，会拥有一个根实例，在根实例里面都是一个一个的组件。因为组件是要嵌入到实例或者父组件里的，也就是说，组件可以互相嵌套所有的组件最外层必须有一个根实例组件分为：全局组件和局部组件全局组件在任意的实例、父级组件中都能使用，局部组件只能在创建自己的父级组件或者实例中使用全局注册组件： Vue.component("zidingyi", { template: `<h1>我是一个全局组件</h1>` }) 使用全局组件: 在任意的vue视图中 <div i

2020-11-26 19:35:09 1012

原创三种MV模式

一、MVC Model View Controller 用户对View操作以后，View捕获到这个操作，会把处理的权利交移给 Controller；Controller会对来自View数据进行预处理、决定调用哪个Model的接口；然后由Model执行相关的业务逻辑（数据请求）；当Model变更了以后， View通过观察者模式收到Model变更的消息以后，然后重新更新界面。问题：model发生变化，view通过观察者模式监控model改变，从而渲染最新视图。这就导致View强依赖特定的 Model层

2020-11-26 17:16:56 900

原创 Vue的简单认识

一、Vue是一个前端js框架由前谷歌华人尤雨溪开发 Vue近几年来特别的受关注，三年前的时候angularJS霸占前端JS框架市场很长时间，接着react框架横空出世，因为它有一个特性是虚拟DOM，从性能上碾轧angularJS，这个时候，vue1.0悄悄的问世了，它的优雅，轻便也吸引了一部分用户，开始收到关注，16年中旬，VUE2.0问世，这个时候vue不管从性能上，还是从成本上都隐隐超过了react，火的一塌糊涂。学习vue是现在前端开发者必备的一个技能。二、渐进式 vue是渐进式JavaScri

2020-11-26 17:00:20 221

guodandan1的博客