wiki/index.js

console.log("hello world");
/**
console.log(process.argv);
process.argv.forEach(item => {
  console.log(item);
});
console.log("dirname : "+__dirname);
console.log("filename : "+__filename);
**/
console.log("----------------------------");
const comm=require("./commonjs.js");
comm.info();
console.log("----------------------------");
//import {esname,esfunc} from "./es.mjs"
//es.func();

console.log("----------------------------");
console.log("<h3>this is node test string!!!</h3>");

//const {createApp}=Vue;
import {createApp } from 'vue';
//import { createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js';
//import { createApp } from './js/vue.esm-browser.js';
//import { createApp } from './js/vue.global.js';
//import { Home } from "./vue/Home.vue";
import Home from "./vue/Home.vue";
import test from "./vue/test.vue";
import About from "./vue/About.vue";
import i18n from "./i18n.js";
import { useI18n } from 'vue-i18n';

/**
const { locale,t } = useI18n();
console.log("----------------------------");
const changelang = type => {
  console.log(locale);
  console.log("----------------------------");
  locale.value=type;
}
**/
//import router from "./router.vue";
import router from "./router.js";

//console.log(createApp);
//console.log(i18n);
console.log(router);
const app=createApp({
  template:'#my-app',
//  template:`<div v-html='info'>template</div>`,
  components:{
    Home,
    test,
    About
  },
  data(){
    return{
      info:`<span style='color:red; font-size:30px'>hello vue template</span>`,
      number:0,
      locale:null,
      options:[
        {
          value: 'Option1',
          label: 'Option1',
        },
        {
          value: 'Option2',
          label: 'Option2',
        },
        {
          value: 'Option3',
          label: 'Option3',
        },
        {
          value: 'Option4',
          label: 'Option4',
        },
        {
          value: 'Option5',
          label: 'Option5',
        },
      ]
    }
  },
  methods:{
    add(){
      this.number++;
    },

changelang(type){
  console.log(locale);
  console.log("-----------changelang-----------------");
  locale.value=type;
}

  },
  setup(){
    const { locale,t } = useI18n();
    console.log("-------get locale--------");
      console.log(locale);
//    this.locale=locale;
//    在根文件直接使用locale需要绑定一个locale变量至浏览器对象Window
//    否则无法让methods中的方法调用其中的变量（全局变量）
//    如果封装在组件中，然后提供给父组件使用，则直接定义函数即可
    window.locale=locale;
    console.log("-------after get locale--------");
  }
}).use(i18n).use(router).mount("#app");
//Vue.createApp(app).mount("#app");
                                                     
console.log("end the vue template render");