如何在Vue中获取外链JS和DOM元素？

什么是外链JS？

外链JS是指从外部引入的JS文件，通常用来提高网站的功能和交互体验。

Vue如何获取外链JS？

可以在Vue组件的created生命周期函数中自行引入外链JS：

export default {
  created () {
    const script = document.createElement('script')
    script.src = 'https://cdn.jsdelivr.net/npm/chance@latest/chance.min.js'
    document.head.appendChild(script)
  },
  //其他组件代码
}

这样外链JS加载完成时，Vue组件就会执行created生命周期函数中的操作。

什么是DOM元素？

DOM（Document Object Model）表示网页文档的结构，包含各种HTML元素，如、

、

  

    
这是一个段落
  


export default {
  mounted () {
    console.log(this.$refs.paragraph.innerText)
  },
  //其他组件代码
}