······························································没有成功返回数据有可能是因为没有去dispatch actions
- 轮播显示问题
数据显示后才有轮播,调用this.$nexttick(callback)这条语句在数据更新之后调用,去渲染页面swiper
v-for='item in 6’单纯的遍历次数
v-if v-else使用
小数计算的不是很精确,所以把它换算成整数计算(*10)
模板里面的数据有三个来源data,props,computed
点击表单的任何一个按钮默认提交,阻止事件的默认行为.prevent用法
stylus的使用
vue 中ref的使用,一开始用的是event.target
为什么在第一次获取验证码以后,第二次获取就没有用,不能倒计时
const 和let都是会计作用域
this.$store.dispatch(actionname,{})payload若是定义的actions第二个参数是对象形式,则此时的dispatch后面也应该是,mutations也是一样的道理
插槽的使用,
headerTop组件中
<header class="header">
<slot name='left'></slot>
<span class="header_title">
<span class="header_title_text ellipsis">{{title}}</span>
</span>
<slot name='right'></slot>
</header>
父组件中
<HeaderTop :title=address.name>
<router-link to='/search' class="header_search" slot='left'>
<i class="iconfont icon-sousuo"></i>
</router-link>
<router-link to='userInfo._id?"/myInfo":"/login"' class="header_login" slot='right'>
<span class="header_login_text" v-if='!userInfo._id'>登录|注册</span>
<span class="header_login_text " v-else><i class="iconfont icon-person"></i></span>
</router-link>
</HeaderTop>
使用slot的标签要用在组件里
已经登录后获取用户登录信息和退出登录,是利用session保存的数据,首先要在后台清除session,然后在前台的状态管理里面保持同步
利用mint-ui的退出登录功能未完成
如何设计数据
mock的数据结构不要变:类型和名称[{‘name’:‘jack’},{‘name’:‘jack’},{‘name’:‘jack’}]name也不要变,值可以变
数组里面放的数据一般是同类型的数据,
mock.js不需要向外暴露任何东西,只需要运行,在入口js里面import ‘./mock/mockSever’
拦截ajax请求
下载的包是mockjs则引入包也要是mockjs,要是引入mock.js会出错
若配置了默认路由但是页面没有显示,则是路由配置除了问题
使用路由连接有两种方式一是router-link to的方式
还有一种是@click=’$router.push(’/path’)
三层表达式的时候注意二层的结果是否为undefined,若是则会报错,因为异步求取数据,所以渲染时,数据还没请求回来,会出现错误,此时使用V-if判断数据没回来,则不去解析,不能用v-show,v-show只是是他dispaly为none
stylus样式中,若是出现类名或者标签名与样式属性名有空格也会样式不对,所以严格控制样式的空格
vue中过度效果未实现
51第三天内容没有复习
确定index===currentINdex
用第三方库实现滑动better-scroll
异步代码在同步代码执行之后执行
可在可不在的用fn && fn()不会出错
一定要仔细写好模板,不然后面怎么错都会浪费在上面