一览星梦辰-CSDN博客

1.引入文件,这个js需要放在vue的js后面,自动安装(提供了一个VueRouter的构造方法) 2.创建路由new VueRouter(),接受的参数是一个对象 3.在实例化的对象里配置属性routes:[],这个数组里的对象包含path属性和component属性 4.path属性是url的地址,component属性就是显示的组件(传组件的对象) 5.创建的路由需要和vue实例关联一下 6.路由到的组件显示在哪个位置

2023-05-16 20:11:35 82

原创父子组件传值

父组件传值给子组件 1.在父组件的子标签中写自定义属性，在子组件中用props接收子组件传值给父组件子组件传值给父组件的方法： 1.在父组件中给引用的子组件注册一个事件(这个事件的名字是自定义的) 2.子组件可以触发这个事件$emit('事件名字') 子组件给父组件传递数据： 1.$emit方法第二个参数可以定义子组件给父组件传递的内容

2023-05-15 19:34:38 36

原创 Vue组件

全局组件定义、私有组件定义

2023-05-12 20:19:21 30

原创 Vue生命周期

1.beforeCreate(){}2.created(){}3.beforeMount(){}4. mounted(){}5.beforeUpdate(){}6.updated(){}7.beforeDestroy(){}8.destroyed(){}

2023-05-11 18:49:41 427

原创 vue-resource请求、axios请求

1.引入vue.js文件 2.引入vue-resourse文件 3.写入与data、methods平级的created()中

2023-05-10 20:58:44 37

原创 Vue过滤器、padStart()和padEnd()

全局定义：Vue.filter('过滤器名字',回调函数)回调函数有两个参数（管道符前面的数据 | 过滤器传过来的参数）私有定义：filters:{ 过滤器名字(data,format){ }} (写在Vue实例中)

2023-05-09 20:16:07 188

原创 MVC和MVVM的区别

MVC后端分层开发概念MVVM前端视图层的概念

2023-05-08 19:06:40 29

原创 v-model双向绑定、v-for遍历

v-model 双向绑定、v-for遍历数组对象数字

2023-05-06 18:41:55 182

原创 Vue结构

差值表达式 {{}}v-text、v-html的异同v-bind元素的属性绑定v-on事件的绑定

2023-05-05 20:04:35 26

原创 reduce()方法

array.reduce(function(prev, currentValue, currentIndex, arr), initValue)1. prev：上次调用函数的返回值

2023-05-04 20:48:17 27

原创对HTML的设置与捕获

1.html() -设置或返回所选元素的内容（包括HTML标记）相当于innerHTML 2.text() -设置或返回所选元素的文本内容 innerText 3.val() -设置或返回表单字段的值 value 4.attr()、prop() 方法用于获取和返回属性值。

2023-05-03 18:24:38 109

原创数组迭代的方法

数组迭代的方法

2023-04-27 20:47:32 15

原创双飞翼布局，圣杯布局（三种实现方式）

flex布局、浮动、定位

2023-04-26 16:45:01 21

原创 less与sass区别

1.less用@声明变量，sass用$声明变量 2.less 是基于JavaScript，是在客户端处理的。 sass是基于Ruby的，是在服务器端处理的。 3.在sass中可以遍历任何类型的数据。在less中只能使用递归函数循环数值。 4.sass有Compass(搜索引擎)，less有preboot(Preboot是一套完整且灵活的less工具) 5.sass支持条件语句，可以使用if{}else{},for{}循环等等。而less不支持。

2023-04-26 16:37:16 147