1:比如src目录下的东西我们可以@代替 这是为什么呢 因为在webpack.base.conf.js配置了
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
'styles': resolve('src/assets/styles'),
}
},
所以我们可以自己配置一些经常用到的比如这个目录 :
src/assets/styles
这是一个通用的比如一个APP的主色,当我们用的时候就可以这样用:
<style lang="stylus" scoped>
@import "~styles/varidibles.styl"
/style>
vue里面的滚动事件会对整个组件都支影响,如果想每个界面的滚动相对不影响则需要在router文件夹下面的index.js加入scrollBehavior这段代码
routes: [{
path: '/',
name: 'Home',
component: Home
}, {
path: '/city',
name: 'City',
component: City
}, {
path: '/detail/:id',
name: 'Detail',
component: Detail
}],
scrollBehavior (to, from, savedPosition) {
return { x: 0, y: 0 }
}
解决数组长度为添加一个列表的变化可以使用以下方法
Vue.set(vm.items, indexOfItem, newValue)
vm.items.splice(indexOfItem, 1, newValue)
vm.$set(vm.items, indexOfItem, newValue)
vm.items.splice(newLength)