.vue文件怎么写js代码

Question

最近在学习vue的组件，但就是想组件里面写js代码却发现不知道怎么写，在script里面的export default写发现以往在页面写的function那种写法没用了，萌新在此想请问下如果我想在单个组件里写js去引用jquery的方法等一系列应该怎么写??

Answer 1

单个组件里面可以使用 import $ from 'jquery' 引用

当前你得使用npm把jquery 安装了。 把jquery 用export default 导出来(就是在jquery.js的最后一行写上 export default $)， 然后使用import $ from ‘jquery的文件地址’

至于 script标签里面怎么写

import $ from 'jquery'
export default {
  data: function() {
    return {
      testData: 1 // 这个对象里面定义所有的变量 这些变量可以 在html直接和dom绑定
    }
  },
  mounted: function() {
    // 生命周期函数， 有好几个 执行的顺序都不一样，可以根据场景 选择不同的生命周期函数 这块一般是初始化数据的地方
  },
  methods: { // 这里写所有的方法， 这些方法可以在 方法内部使用this.方法名调用，也可以在html 中使用@时间名 = ‘函数名()’调用
    init() {  
      // 实例方法
      // 使用this.变量可以访问data中的变量
      console.log(this.testData)
    }
  }
}