zoukankan      html  css  js  c++  java
  • nuxt 初接触

    对于nuxt服务端渲染让人动心的是不会再想vue一样去定义无数的路由了这一点是挺爽的!!!

    先直接晒张图

    在api这块增加了一个fetch方法   它会在组件每次加载前被调用(即在服务端或切换至目标路由之前)。

    <template>
      <h1>Stars: {{ $store.state.stars }}</h1>
    </template>
    
    <script>
    export default {
      fetch ({ store, params }) {
        return axios.get('http://my-api/stars')
        .then((res) => {
          store.commit('setStars', res.data)
        })
      }
    }
    </script>
    //也可以使用async或者await简化模式
    <template>
      <h1>Stars: {{ $store.state.stars }}</h1>
    </template>
    
    <script>
    export default {
      async fetch ({ store, params }) {
        let { data } = await axios.get('http://my-api/stars')
        store.commit('setStars', data)
      }
    }
    </script>
  • 相关阅读:
    图片处理中的Dithering技术
    网络I/O模型
    并发编程(二)
    并发编程(一)
    socket编程(二)
    socket编程(一)
    异常处理
    软件开发规范
    面向对象进阶
    多态与封装
  • 原文地址:https://www.cnblogs.com/taochengyong/p/9442349.html
Copyright © 2011-2022 走看看