05 2020 档案

Vue（十二）：自定义指令和函数渲染
摘要：1、自定义指令 vue允许自定义像“v-model”一样的指令，定义好之后，将自定义的指令名前面加上“v-”就可以直接使用了。先上一个简单的自定义代码： Vue.directive('focus',{ inserted:(el)=>{ el.focus(); } }); 上面的代码中需要引用Vue对 阅读全文
posted @ 2020-05-30 20:33 梁仕博 阅读(1268) 评论(0) 推荐(0)
Vue（十一）：组件边界
摘要：1、访问元素和组件 1）、访问根节点 我们可以在任何一个地方通过this.$root访问根节点的数据，但是容易造成混乱，不建议在大型项目中调用。如果你使用的是vue项目，那这个根节点应该是main.js中创建的vue实例。官网建议使用vuex，我点过去这是另外一个开源的项目，回头研究研究。 2）、访 阅读全文
posted @ 2020-05-30 20:07 梁仕博 阅读(358) 评论(0) 推荐(0)
Vue（十）：混入、插件和过滤器
摘要：1、混入组件 vue实例中有这个一个属性mixins，是个数组。它的作用呢，就是将一个组件混入进另一个组件，使得两个组件的方法，属性，生命钩子啥的合二为一。使用的方式和导入类似，只不过一个放在了components中，一个放在了mixins中。当然，混入组件可没有懒加载啥的。 组件混入合并的时候呢， 阅读全文
posted @ 2020-05-30 15:05 梁仕博 阅读(742) 评论(0) 推荐(0)
Vue（九）：vue过渡
摘要：前言：Vue的官网上提供了两种过渡的效果，一个呢是对元素的过渡，比如元素渐变消失，旋转着出现之类的。另外一种呢，是监测数据，比如你把一个数值从0改到10，显示出来的效果就是从0变成1，变成2...变成10，根据这个还能搞颜色的过渡。在我看来，这些过渡还是比较炫酷的，毕竟没见过啥世面。这里做一个简单的 阅读全文
posted @ 2020-05-28 18:08 梁仕博 阅读(337) 评论(0) 推荐(0)
Vue（八）：动态组件、异步组件和组件边界
摘要：5、动态组件、异步组件 1）、动态组件 之前我们谈过v-if和v-show的区别：如果使用v-show，切换组件，只不过是相应组件的显示和隐藏；而v-if则会销毁之前的组件并渲染新组建。如果我们在v-if切换的组件之外，套上<keep-alive>标签，那么本该销毁的组件则会被缓存起来。当我们重新切 阅读全文
posted @ 2020-05-27 18:22 梁仕博 阅读(431) 评论(0) 推荐(0)
Vue（七）：组件的自定义事件和插槽
摘要：3、组件自定义事件 1）、大小写的问题 vue官网很是强调这个问题呀，基本能说一次的都要说一次。中心思想就是要你使用kebab-case的命名方式。当然，希望大家注意，指的是事件名，而不是方法名。举一个简单的栗子吧 <base-span @my-event="fun1"></base-span> / 阅读全文
posted @ 2020-05-26 16:28 梁仕博 阅读(847) 评论(0) 推荐(0)
Vue（六）：组件的Prop
摘要：2、Prop 1)、大小写问题 根据官网给的规范大概就是内部命名用驼峰命名，外部调用就使用其等价的 kebab-case (短横线分隔命名) 命名。养成一个好习惯是很有必要的，人家咋说你咋做呗。 2）、对传入属性的设置 我们可以对传入的属性设置type，官方定义的传入类型有 String,Numbe 阅读全文
posted @ 2020-05-26 00:31 梁仕博 阅读(525) 评论(0) 推荐(0)
Vue（五）：组件的注册
摘要：1、组件的注册 1）、全局注册 第一个参数是组件的名称，第二个参数就是组件对象，这个对象可以把之前介绍的组件属性，根据需要添加进去。 import Vue from "vue"; Vue.component('first-component',{template:'<span>第一个组件,全局类型< 阅读全文
posted @ 2020-05-25 23:09 梁仕博 阅读(377) 评论(0) 推荐(0)
Vue（四）：Vue的基础操作
摘要：这篇文章盘点了Vue的所有基础操作，如果有人找到了不在文章中的基础操作，这就说明它对我来说已经不是基础了。 1、v-if、v-else-if、v-else、v-show 这四个属性中，只有v-else后面没有跟上=""，且v-else前面必须跟着v-if或者v-else-if，v-else-if前面 阅读全文
posted @ 2020-05-23 20:04 梁仕博 阅读(187) 评论(0) 推荐(0)
Vue（三）：Vue实例的生命周期
摘要：开局一张图，内容全靠扯。 1）beforeCreate 实例创建之前，这个阶段的时候data和method都是拿不到的（通常在实例以外调用）。应用场景：可以加一些loading的效果，实例创建后移除2）created 实例创建之后，这个阶段就可以自由的操作数据了。但是dom节点啥的还没有加载好。应用 阅读全文
posted @ 2020-05-23 16:59 梁仕博 阅读(207) 评论(0) 推荐(0)
Vue（二）：Vue实例和它的属性
摘要：1、创建Vue实例 个人认为创建vue的实例有两种，一种就是写代码（如下），另外一种就是建立一个后缀名是vue的文件，该文件可以当作组件引用。而所有的组件都是一个vue实例。 var vm = new Vue({ el: '#example', //元素的id data: data //data属性 阅读全文
posted @ 2020-05-23 16:42 梁仕博 阅读(343) 评论(0) 推荐(0)
Git（二）：GitHub、分支和标签
摘要：1、获取GitHub仓库 1）获取计算机的公钥，在用户目录下的.ssh文件夹中，获取 id_rsa.pub 文件中的内容，如果没有该文件夹，使用命令生成 ssh-keygen -t rsa -C "youremail@example.com" //生成ssh公钥和私钥，引号中填自己的邮箱 2）在Gi 阅读全文
posted @ 2020-05-21 16:36 梁仕博 阅读(459) 评论(0) 推荐(0)
Git（一）：基础调用
摘要：1、Git的安装 1）、下载Git的安装包 ，小白嘛，一路点下一步就对了，知道安装完成 2）、安装完成之后，右键点击空白处，出现Git Bash Here就算安装成功了 3）、输入命令来设置自己的名称和email,设置这个就是为了告诉别人你是谁，邮箱是多少。别人可以和你填一样的，但是ip不一样。就像 阅读全文
posted @ 2020-05-21 14:23 梁仕博 阅读(189) 评论(0) 推荐(0)