vue

• v-for跟v-if的优先级
  
  • v-for优先执行，在判断是否隐藏
    
• v-if与v-show的区别
  
  • v-if是控制dom元素是否加载，条件正确就允许在dom元素中显示，不正确就把dom元素注释掉
    
  • v-show是控制dom的css属性的display来控制元素的显示隐藏的
    
• vue的生命周期
  
  • 创建前
    
    • beforeCreate
      
    • 所有东西都还没有创建，访问不到data
      
  • 创建后
    
    • created
      
    • 可以访问到data，可以做一些初始化的操作，一般用来做数据请求，获取不到$el
      
  • 挂载前
    
    • beforeMount
      
    • 还未把初始化的虚拟dom放到页面中，倒是已经创建好了
      
  • 挂载后
    
    • mounted
      
    • 把创建好的虚拟dom放到页面中，用来存放对dom元素的操作
      
  • 更新前
    
    • beforeUpdate
      
    • data中的数据修改时，会触发这个钩子函数
      
  • 更新后
    
    • updated
      
    • 数据完成以后，会触发这个钩子
      
  • 销毁前
    
    • beforeDestroy
      
  • 销毁后
    
    • destroyed
      
• 路由钩子函数
  
  • router.beforeEach
    
  • router.afterEach
    
  • 单个路由钩子函数
    
    • beforEnter
      
• 如何自定义一个动态路由
  
  • /books/:id
    
• 路由传参
  
  • query
    
    • this.$router.push({
      
      • path: '/particulars',
        
      • query: {
        
        • id: id
          
      • }
        
    • })
      
    • 使用this.$route.query.id
      
  • params
    
    • this.$router.push({
      
      • name: 'particulars',
        
      • params: {
        
        • id: id
          
      • }
        
    • })
      
    • 使用this.$route.params.id
      
  • path动态路由传参
    
    • this.$router.push({
      
      • path: `/particulars/${id}`,
        
    • })
      
    • 使用this.$route.path.id
      
• vuex
  
  • 干什么的？
    
    • vue的状态管理工具
      
  • 有哪些内容
    
    • state
      
      • 存储数据类似于vue的data
        
    • geeter：
      
      • 从基本数据(state)派生的数据，相当于state的计算属性
        
    • mutation：
      
      • 提交更新数据的方法，必须是同步的(如果需要异步使用action)。每个mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。回调函数就是我们实际进行状态更改的地方，并且它会接受 state 作为第一个参数，提交载荷作为第二个参数。
        
    • action：
      
      • 和mutation的功能大致相同
        
      • 不同与mutation的
        
        • 1. Action 提交的是 mutation，而不是直接变更状态。
          
        • 2. Action 可以包含任意异步操作。
          
    • modules：
      
    • 模块化vuex，可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰，方便管理。
• 跨域问题
  • 　　
  • // 'http://localhost:7890' 表示的是要跨域请求的地址
    
  • // 如果请求的地址是：'http://localhost:7890/index_data'
  • // 在请求时就可以写成: '/apis/index_data'
  • '/apis': {
    • target: 'http://localhost:7890',
    • changeOrigin: true,
    • pathRewrite: {
      • '^/apis': ''
    • }
  • }
• 自己总结，若是有不对的地方，欢迎指出，蟹蟹！！！