- 博客(7)
- 收藏
- 关注
原创 vue-cli数据请求
vue-cli项目创建1.全局安装vue-cli(注:要求node.js版本是8+)cnpm install -g @vue/clioryarn global add @vue/cli检测安装:vue -V2.创建项目:vue create 项目名称(可以写.代表在本文件夹创建)这里如果你是第一次使用脚手架进行项目创建的话,是只有两项提示。第一项是默认配置,我们一般选择第二项自定义配置进行项目构建。我们可以自由的选择哪些配置,按键盘上下键进行选中,安装。选中哪一个,通过键盘空格键确定,所
2020-10-08 23:47:33
469
原创 Vue路由守卫
Vue路由守卫路由守卫常用在登录页面跳转前的验证,判断是否登陆,登录显示个人中心页面,没登录则显示登录页面,这在网页上也是很常见的操作。总的来说,是当路由跳转前或跳转后、进入、离开某一个路由前、后,需要做某些操作,就可以使用路由钩子来监听路由的变化。路由守卫有三种使用的方式:全局路由守卫、局部路由守卫(单个路由守卫和组件内路由守卫)。1.全局路由守卫全局路由守卫有两个钩子函数:beforeEach前置路由守卫和afterEach后置路由守卫。若用Vue-cli脚手架,在路由的配置文件里配置全局路
2020-10-06 20:44:19
243
原创 Vue自定义指令
Vue自定义指令先来了解一下vue的内置指令(v-开头的是指令):v-if、v-else、v-show、v-for、v-once、v-model、 v-on(@)、v-bind(:)、v-text、v-html等。自定义指令directives,和内置指令的区别,directives主要是需要对普通dom元素进行操作时,就需要用到自定义指令。(vue使用自定义指令操作底层dom,原生js用document.getElementById()来操作真实dom。vue的指令相比原生提高了性能,它选择操控内存
2020-10-04 19:02:48
154
1
原创 Vue组件之间的通信
Vue组件之间的通信要想完成组件之间的通信,首先要在实例内创建一个自定义组件。自定义组件和实例有一些区别,实例的data是个对象,而自定义组件内的data必须要是个函数。组件内的data为函数,是保证组件的复用性和每个实例可以得到一份独立的拷贝,不与复用的相同组件产生关联。Vue.component("father",{//-----------自定义father组件 template:"#father", data(){//data是个函数才可
2020-10-02 19:43:49
112
原创 js数组常用方法
先定义一个数组,以下几个案例都用这一个数组。var arr=[1,2,3,4,5];1.push 在数组尾部添加一个或者多个元素,并且返回数组的新长度arr.push(“a”,“b”);//可以在尾部添加字符arr.push(6,7,8);//在尾部添加多个元素var a=arr.push(6,7,8);//通过添加到尾部元素后返回数组的新长度console.log(a,arr);//...
2020-03-30 20:11:39
183
原创 CSS3实现3D效果
CSS3实现3D效果实现3D效果必须要知道这几个属性:1.transition(过渡属性)CSS3的transition允许CSS的属性只在一定的时间区间内平滑的过渡。这种效果可以在鼠标滑过、单击、获得焦点或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。1)transition-property:检索或设置对象的参与过度的属性;2)transition-duration:检...
2020-03-16 12:54:09
543
原创 什么是盒模型?
什么是盒模型?盒模型是规定了网页元素如何显示,元素间的相互关系。盒模型的组成为分为以下几个部分:content(内容区):元素的宽和高;border(边框区):盒子的边缘;padding(填充区):为了使页面布局看起来美观大方,盒子里的内容区会用padding来解决父元素和子元素的位置关系;margin(外边界区):控制同辈元素之间的位置关系。如上图所示,padding和margi...
2020-02-23 22:09:35
8360
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人