- 博客(7)
- 收藏
- 关注
RSS订阅原创 vue-cli数据请求
vue-cli项目创建 1.全局安装vue-cli（注：要求node.js版本是8+） cnpm install -g @vue/cli or yarn global add @vue/cli 检测安装：vue -V 2.创建项目：vue create 项目名称（可以写.代表在本文件夹创建） 这里如果你是第一次使用脚手架进行项目创建的话，是只有两项提示。 第一项是默认配置，我们一般选择第二项自定义配置进行项目构建。 我们可以自由的选择哪些配置，按键盘上下键进行选中，安装。 选中哪一个，通过键盘空格键确定，所
2020-10-08 23:47:33
441
原创 Vue路由守卫
Vue路由守卫 路由守卫常用在登录页面跳转前的验证，判断是否登陆，登录显示个人中心页面，没登录则显示登录页面，这在网页上也是很常见的操作。 总的来说，是当路由跳转前或跳转后、进入、离开某一个路由前、后，需要做某些操作，就可以使用路由钩子来监听路由的变化。 路由守卫有三种使用的方式：全局路由守卫、局部路由守卫（单个路由守卫和组件内路由守卫）。 1.全局路由守卫 全局路由守卫有两个钩子函数：beforeEach前置路由守卫和afterEach后置路由守卫。 若用Vue-cli脚手架，在路由的配置文件里配置全局路
2020-10-06 20:44:19
213
原创 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
142
1
原创 Vue组件之间的通信
Vue组件之间的通信 要想完成组件之间的通信，首先要在实例内创建一个自定义组件。 自定义组件和实例有一些区别，实例的data是个对象，而自定义组件内的data必须要是个函数。 组件内的data为函数，是保证组件的复用性和每个实例可以得到一份独立的拷贝，不与复用的相同组件产生关联。 Vue.component("father",{//-----------自定义father组件 template:"#father", data(){//data是个函数才可
2020-10-02 19:43:49
101
原创 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
158
原创 CSS3实现3D效果
CSS3实现3D效果 实现3D效果必须要知道这几个属性： 1.transition（过渡属性） CSS3的transition允许CSS的属性只在一定的时间区间内平滑的过渡。这种效果可以在鼠标滑过、单击、获得焦点或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。 1)transition-property:检索或设置对象的参与过度的属性； 2)transition-duration：检...
2020-03-16 12:54:09
518
原创 什么是盒模型？
什么是盒模型？ 盒模型是规定了网页元素如何显示，元素间的相互关系。 盒模型的组成为分为以下几个部分： content（内容区）：元素的宽和高； border（边框区）：盒子的边缘； padding（填充区）：为了使页面布局看起来美观大方，盒子里的内容区会用padding来解决父元素和子元素的位置关系； margin（外边界区）：控制同辈元素之间的位置关系。 如上图所示，padding和margi...
2020-02-23 22:09:35
8263
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人