- 博客(13)
- 资源 (2)
- 收藏
- 关注
原创 监听data 对象中某个对象的属性
有些时候会将一整个对象存储在 data 对象中。为了监听这个对象的属性变化,可以在侦听器的名称中使用 . 操作符,就像访问这个对象属性一样new Vue({ data: { formData: { username: '' } }, watch: { 'formData.username'() { // this.formData.username 有变化了 ...
2019-09-24 16:18:31 686 1
转载 Vue2.0 $set()的正确使用方式
vue2.0 给data对象新增属性,并触发视图更新如下代码,给 student对象新增 age 属性data () { return { student: { name: '', sex: '' } }}众所周知,直接给student赋值操作,虽然可以新增属性,但是不会触发视图更新...
2019-09-09 15:09:32 144
原创 js扩展运算符(spread)是三个点(...)
作用:将一个数组转为用逗号分隔的参数序列。//该运算符主要用于函数调用。<br>function push(array, ...items) { array.push(...items);} function add(x, y) { return x + y;} var numbers = [4, 38];add(...numbers) // 42//...
2019-09-07 10:21:37 192
原创 String类的常用方法
1.indexOf():返回指定字符的索引;2.charAt();返回指定索引处的字符;3.replace():字符串替换;4.trim():去除字符串两端空白;5.split():分割字符串,返回一个分割后的字符串数组;6.getBytes():返回字符串的byte类型数组;7.length():返回字符串长度;8.toLowerCase():将字符串转为小写字母;...
2019-09-07 09:46:33 98
原创 VUE生命周期
生命周期:一个组件从实例化创建它开始一直到结束的整个过程生命周期中涉及到很多的方法new Vue()实例当前vue对象没有创建Vue对象之前就已经拥有beforeCreate,没有将vue对象创建出来时可以调用这个方法可以做的事情:加载动画随后进入created方法里面,这个时候实例已经出来,组件已经创建好,属性也被成功的绑定了,但是dom还没有生成。可以做的事情:获取对应的数据,比...
2019-09-05 18:41:35 108 1
原创 vue弹窗动画
transition动画标签,包裹住弹窗内容,取一个name名称<transition name="slide"></transition>css部分@keyframes slideIn {0% {transform: scale(0);}100% {transform: scale(1);}}...
2019-09-05 14:19:02 1658
原创 vue百度地图组件vue-baidu-map
安装 npm install vue-baidu-map --save引入 import BaiduMap from 'vue-baidu-map'全局注册Vue.use(BaiduMap,{ak:' '})ak为百度地图密钥<baidu-map class="baidumap" :center="{lng:jing,lat:wei}":zoom="15"&g...
2019-09-05 10:51:56 1220
原创 moment.js时间戳与时间相互转换
Moment.js是一个轻量级的JavaScript时间库,它方便了日常开发中对时间的操作,提高了开发效率。日常开发中,通常会对时间进行下面这几个操作:比如获取时间,设置时间,格式化时间,比较时间等等。安装npm install moment要使用的页面中引入import moment from 'moment';import 'moment/locale/zh-cn'mome...
2019-09-05 09:57:37 13130 1
原创 vue里面的router-view标签是什么意思
<template><div id="app"><div id="nav"><router-link to="/">Home</router-link> |<router-link to="/about">About</router-link></div><router-v...
2019-09-04 18:28:51 4004
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人