vue代码基础

1.传参

<template>
  <div id="app">
    {{message}}
  </div>
</template>
export default {
  name: 'HelloWorld',
  data() {
    return {
      message: 'Hello Vue!'
    };
  }
}

2.自动运行js代码

export default {
  name: 'HelloWorld',
  mounted() {
    // 这里的代码会在组件挂载到DOM后自动执行
    console.log('组件已挂载');
    // 更多的初始化代码...
  }
}