您的当前位置：首页正文

nuxt.js 全局引用封装的js

来源：易榕旅网

1.在utils里面创建case.js

let data=[{
    name:'小明',
    age:'18'
},{
    name:'小红',
    age:'16'
},{
    name:'小亮',
    age:'20'
}]
//导出数据
export default data

2.在plugins里面创建case.js

import Vue from 'vue'
import data from '@/utils/case.js';

// 绑定到全局 vue。$data自己申明的全局变量
Vue.prototype.$data = data;

3.把js引入到nuxt.config.js中

plugins: [
    { src: '@/plugins/case.js' ,ssr: false}
  ],

4.在页面中调用

 export default {
    data() {
      return {
      dataAll:this.$data,  //可以在data里面申明变量接收
      }
    },
    mounted(){
     //也可以直接打印
     console.log(this.dataAll,this.$data)
    },
}

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文