vue注意事项

1.key属性只能使用number或string类型
2.v-html , v-text:
v-html会解析字符串中的标签,而v-text不会.
3.过滤器的使用:
过滤器函数中的第一个参数只能是data(要传过来的数据)
具体使用:
//html中 {{msg|msgFormat('替换参数')}}//msg可以不用传
```

filters:{
	msgFormat:(msg,param)=>{
		return  msg.replace(/a/g,param)
	}
}
```
padStart的使用:
var newDate = 5.toString().padStart(2,'0')//es6用法,常用于时间补0

4.组件使用注意事项:
注册时如果使用驼峰命名,html代码中需要以-连接:
html中:

<my-com></my-com>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
components{
'myCom'
}

5.路由跳转方式:
//1:
<router-link to="/login"></router>
//2:编程时导航:
(1)this. r o u t e r . p u s h ( ′ / u r l ′ + i d ) ( 2 ) 传 递 对 象 : t h i s . router.push(&#x27;/url&#x27;+id) (2)传递对象: this. router.push(/url+id)(2):this.router.push({path:’/url’+id})
(3)传递命名的路由:
this. r o u t e r . p u s h ( n a m e : ′ g o o d s I n f o ′ , p a r a m s : i d ) / / 3. 前 进 后 退 : t h i s . router.push({name:&#x27;goodsInfo&#x27;,params:{id}}) //3.前进后退: this. router.push(name:goodsInfo,params:id)//3.退:this.router.go(n)//n为正负数值表示前进或后退多少
this.$router.back
6.路由切换高亮显示方式:
//1:直接添加.router-link-active{}类.
//2:vue实例中添加linkActiveClass:‘myActive’//自定义高亮类名
7.在手机上预览项目:
//1:cmd中运行ip config
//2:在package.json中的’dev’中指定’–host 局域网ip地址’
//3.移动设备中访问该局域网ip
***必须保证移动设备和项目运行在同一局域网

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值