一、全局引入文件
1、先定義共用組件 common.vue
<script type="text/javascript"> // 定義一些公共的屬性和方法 const baseUrl = 'http://tjegd.cn/' function getMyname() { console.log("南昌雅騰") } // 暴露出這些屬性和方法 export default { baseUrl, getMyname } </script>
2. 直接在單個(gè).vue文件中使用
<script lang="ts"> import { Component, Vue ,Watch } from 'vue-property-decorator'; import Nav from './Nav.vue'; import globals from '../components/common.vue' @Component({ components: { Nav, }, }) export default class Home extends Vue { title:string = "南昌雅騰首頁(yè)"; content:string=""; classid:number=0; mounted(){ console.log(globals.baseUrl); $("title").html(this.title); } created(){ } } </script>
二、main.js/main.tsyywr中引入全局變量和方法
1. 定義common.vue同上
2. main.ts文件中引入并賦值
import globals from './components/common' Vue.prototype.globals = globals
3. 直接在.vue文件中引用
export default class Home extends Vue { title:string = "南昌雅騰首頁(yè)"; content:string=""; classid:number=0; mounted(){ console.log(this.globals.baseUrl); $("title").html(this.title); } created(){ } }