VUE

vue

1.mounted函数(钩子函数)的应用场景?

应用场景:页面一加载就执行函数里面的内容.

注意: 钩子函数的名字不能乱取,并且不能写在methods内,与methods同级.

2.ref的作用?

ref属性表示的是对dom的操作,它的值随便取,但不能重复.

3.自定义指令Vue.directive()的创建规则?

1.含有两个参数,一个是自定义指令的名称,随便写,都是小写,另一个是它的配置项

屏幕截图.jpg

32.jpg

aa.jpg

bb.jpg

4.过滤器的创建与使用?

通过Vue.filter()创建,一个是参数是过滤器的名字,另一个则是过滤器的处理函数,这个函数有默认的一个参数,表示需要过滤的数据.

88.jpg

89.jpg

5.计算属性computed的用法?

主要是用在将已经存在的现有属性进行运算,运算的方法是一个函数,函数名可以作为新的属性添加到元素中

6.监听属性 watch的用法?

watch主要监听的是data的值,只要监听的数据发生变化,监听函数也会执行.里面有两个参数,一个是newVal,一个是oldVal,

7.computed与watch的区别?

1.computed在数据未发生变化时，优先读取缓存。computed 计算属性只有在相关的数据发生变化时才会改变要计算的属性，当相关数据没有变化是，它会读取缓存。而不必想 motheds方法 和 watch 方法是的每次都去执行函数。

2.watch在数据变化时来执行异步操作，这时watch是非常有用的

jj.jpg

8.axios请求?

1.get请求

 axios.get(' https://www.apiopen.top/satinApi?type=1&page=1')
                .then(function (response) {
                console.log(response);
                })
                .catch(function (error) {
                console.log(error);
                });

2.post请求

axios.post('/user', {
firstName: 'Fred',
lastName: 'Flintstone'
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});

9.vue中的动画效果?

1.使用vue的transition标签结合css样式完成动画

2.利用animate.css结合transition实现动画

3.利用 vue中的钩子函数实现动画