前端vue学习记录

本次使用的是Vue3来进行基础学习记录，编程软件使用的是‘Visual Studio Code’,简称'VSCode'.

开始先创建用来存放前端文件的文件夹：

第二部，使用VSCode来打开创建好的文件夹:

第三步在文件夹中创建一个html文件：

第四步是在html文件中编写html基本格式，在用VSCode时是有快捷键的，快速创建html基本格式有两种快捷方法：

   当生成出html格式后，先引入vue的包‘https://unpkg.com/vue@next’，然后写一个div来装需要写的html代码，再者就是创建script标签，用来装vue的对象等。

之后需要完成一个计数器，一秒钟加一次。在创建好的对象中创建方法template用来在id为app的div标签中追加内容，追加的内容中使用{{(变量名)}}来定义一个变量。之后创建data()方法来声明这个变量的内容。最后使用mounted()方法来写发生的事件动作，如图：

 在temp中如果要追加多个html内容可以使用`,这个符号是在键盘TAB上面。

如果要在method()方法中定义多个事件，可使用methods来实现定义多个事件。