摘要: 1、Vuex是个啥 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,类似于弄了一个全局的缓存库,缓存库中数据的改变 会实时改变 组件中因为使用该数据而产生的状态,达到一种牵一发而动全身的效果。 2、Vuex的使用 首先我们需要使用“npm install vuex --save"命令 阅读全文
posted @ 2020-06-10 17:41 梁仕博 阅读(135) 评论(0) 推荐(0) 编辑
摘要: 前言:学习路由之前会觉得路由比较神秘,简单学习之后觉得路由还是比较简单的,或者说基本的路由使用还是比较简单的。普通的网站路由,是通过访问不同的地址,获取到不同的页面来实现网站各个页面之间的访问。vue的路由一般用于单页面,可以简单的理解成通过访问不同的路由地址,获取到不同的组件,实例化在页面指定的地 阅读全文
posted @ 2020-06-05 19:15 梁仕博 阅读(214) 评论(0) 推荐(0) 编辑
摘要: 这一篇应该没有大的营养价值,写下来仅仅代表自己看过官网的这个模块 1、单文件组件 这个主要是告诉你,单文件组件好,单文件组件秒,单文件组件棒的呱呱叫。 单文件组件就是把一个组件放进以vue为后缀名的文件中,显然我们之前举的例子都是这样干的。这样干的好处是啥呢?我认为的有三个,第一个是组件的css作用 阅读全文
posted @ 2020-06-01 17:22 梁仕博 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 1、自定义指令 vue允许自定义像“v-model”一样的指令,定义好之后,将自定义的指令名前面加上“v-”就可以直接使用了。先上一个简单的自定义代码: Vue.directive('focus',{ inserted:(el)=>{ el.focus(); } }); 上面的代码中需要引用Vue对 阅读全文
posted @ 2020-05-30 20:33 梁仕博 阅读(1225) 评论(0) 推荐(0) 编辑
摘要: 1、访问元素和组件 1)、访问根节点 我们可以在任何一个地方通过this.$root访问根节点的数据,但是容易造成混乱,不建议在大型项目中调用。如果你使用的是vue项目,那这个根节点应该是main.js中创建的vue实例。官网建议使用vuex,我点过去这是另外一个开源的项目,回头研究研究。 2)、访 阅读全文
posted @ 2020-05-30 20:07 梁仕博 阅读(334) 评论(0) 推荐(0) 编辑
摘要: 1、混入组件 vue实例中有这个一个属性mixins,是个数组。它的作用呢,就是将一个组件混入进另一个组件,使得两个组件的方法,属性,生命钩子啥的合二为一。使用的方式和导入类似,只不过一个放在了components中,一个放在了mixins中。当然,混入组件可没有懒加载啥的。 组件混入合并的时候呢, 阅读全文
posted @ 2020-05-30 15:05 梁仕博 阅读(724) 评论(0) 推荐(0) 编辑
摘要: 前言:Vue的官网上提供了两种过渡的效果,一个呢是对元素的过渡,比如元素渐变消失,旋转着出现之类的。另外一种呢,是监测数据,比如你把一个数值从0改到10,显示出来的效果就是从0变成1,变成2...变成10,根据这个还能搞颜色的过渡。在我看来,这些过渡还是比较炫酷的,毕竟没见过啥世面。这里做一个简单的 阅读全文
posted @ 2020-05-28 18:08 梁仕博 阅读(332) 评论(0) 推荐(0) 编辑
摘要: 5、动态组件、异步组件 1)、动态组件 之前我们谈过v-if和v-show的区别:如果使用v-show,切换组件,只不过是相应组件的显示和隐藏;而v-if则会销毁之前的组件并渲染新组建。如果我们在v-if切换的组件之外,套上<keep-alive>标签,那么本该销毁的组件则会被缓存起来。当我们重新切 阅读全文
posted @ 2020-05-27 18:22 梁仕博 阅读(397) 评论(0) 推荐(0) 编辑
摘要: 3、组件自定义事件 1)、大小写的问题 vue官网很是强调这个问题呀,基本能说一次的都要说一次。中心思想就是要你使用kebab-case的命名方式。当然,希望大家注意,指的是事件名,而不是方法名。举一个简单的栗子吧 <base-span @my-event="fun1"></base-span> / 阅读全文
posted @ 2020-05-26 16:28 梁仕博 阅读(826) 评论(0) 推荐(0) 编辑
摘要: 2、Prop 1)、大小写问题 根据官网给的规范大概就是内部命名用驼峰命名,外部调用就使用其等价的 kebab-case (短横线分隔命名) 命名。养成一个好习惯是很有必要的,人家咋说你咋做呗。 2)、对传入属性的设置 我们可以对传入的属性设置type,官方定义的传入类型有 String,Numbe 阅读全文
posted @ 2020-05-26 00:31 梁仕博 阅读(489) 评论(0) 推荐(0) 编辑