Vue的一些简单操作(自己看)

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)