2022年8月21日——vue的使用（3）

START

描述：

vue中常用的方法等的使用。

vue文件：

一个.vue为后缀的vue文件中的内容一般由三部分组成：html代码、css代码、js代码

html代码存放在template标签中。

css代码存放在style标签中。

js代码存放在script标签中。

data

export default {
  name: 'HomeView',
  components: {
    HelloWorld
  },
   data() {
    return {
      number: 1
    }
  },
}

data常用于定义全局变量的使用，主要以return返回的形式。

method

method中主要，存放定义的方法。

export default {
  name: 'HomeView',
  components: {
    HelloWorld
  },
   data() {
    return {
      number: 1
    }
  },
  methods: {
    increment() {
      this.count++
    }
  },
}

created

created中为，在文档加载的使用，同步加载的代码。

export default {
  name: 'HomeView',
  components: {
    HelloWorld
  },
   data() {
    return {
      number: 1
    }
  },
  methods: {
    increment() {
      this.count++
    }
  },
  created() {
    
  },
}

END