懒加载
const Index = () => import('@/components/Index')
<img :src="require('@/assets/img/jh2k15.jpg')">
<img src="~@/assets/head.png" alt="">
login () {
this.$router.push({
path: '/login'
})
}
icon-svg
<span :class="{pingpai:item.type===2,xindian:item.type===1,hide:item.type===0}">{{item.type===1?"新店":"品牌"}}</span>
<i class="starItem" :class="{half:(score<1 && score> 0),zero:(score <= 0)}"></i>
{{"df"+"df"}}
vertical-align
template:'
<li></li>
'
props:{
}
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=2.0">
<link rel="shortcut icon" href="/favicon.ico">
这又是this的套路了..this是和当前运行的上下文绑定的...
一般你在axios或者其他 promise , 或者setInterval 这些默认都是指向最外层的全局钩子.
简单点说:"最外层的上下文就是 window,vue内则是 Vue 对象而不是实例!";
解决方案:
暂存法: 函数内先缓存 this , let that = this;(let是 es6, es5用 var)
箭头函数: 会强行关联当前运行区域为 this 的上下文;
父组件可以直接调用子组件的方法么!
可以,通过$refs或者$chilren来拿到对应的实例
Q: 组件的通讯有哪几种啊!!!
基本最常用的是这三种;
父传子: props
子传父: emit
兄弟通讯:
event bus: 就是找一个中间组件来作为信息传递中介
vuex: 信息树
npm i -S xxxx // npm install --save xxxx
npm i -D xxxx // npm install --save-dev xxxx
Progressive Web Apps (下文以“PWA
