sf-common-views

普通使用方法

安装方法:

npm i sf-common-views --save

使用方法:

import sfCommonViews from 'sf-common-views'

Vue.use(sfCommonViews)

创建组件:

<!-- 公共头部 -->
<sf-header></sf-header>
<!-- 公共底部 -->
<sf-footer></sf-footer>

SSR使用方法

配置文件

nuxt.config.js配置

module.exports = {
  plugins: ['~plugins/sf-common-views']
}

创建插件

plugins/sf-common-views.js

import Vue from 'vue'
import sfCommonViews from 'sf-common-views/dist/ssr.index'

Vue.use(sfCommonViews)

创建组件:

<!-- 公共头部 -->
<sf-header></sf-header>
<!-- 公共底部 -->
<sf-footer></sf-footer>