（一）邂逅vue今天实习第三天，前两天在培训。今天和指导人见面，明确我们的技术是vue2和vue3。vue2基本上是用来

今天实习第三天，前两天在培训。今天和指导人见面，明确我们的技术是vue2和vue3。vue2基本上是用来维护老版本的，vue3是用来新开发业务。我之前学习vue时有些毛躁，因此现在想要重新学习一下。因此想开一个专题，来记录一下自己的学习路程。我看的课程是coderwhy老师的课程。我认为这个老师的课程写的很好。不废话了。开学开记。

认识Vue

Vue是一套用于构建用户界面的渐进式JavaScript框架。

渐进式框架：表示我们可以在项目中一点点引入和使用Vue，而不一定需要全部使用Vue来开发整个项目。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!-- "hello world"存在，"hello react" 不存在 -->
  <div>hello world</div>
  <div id="app">
    <h2>hello react</h2>
  </div>

//这个是本地引入的vue.js,自行去github上下载
  <script src="../lib/vue.js"></script>
  
  <script> 
    const app = Vue.createApp({
      template: '<h2>hello world</h2>'
    })
    app.mount("#app")
  </script>
</body>
</html>

Vue是声明式编程

MVC和MVVM模型架构

MVC模型:Model-View-Controller

MVVM模型:Model-View-ViewModel

vue借鉴mvvm模型。

options-data属性选项

data属性是通过劫持的方式，将数据监听。(我也不知道对不对)

methods属性选项

methods中函数不能写成箭头函数。因为箭头函数没有this。因此会去上层找this。最后找到的this指向的是window。

methods: { btnchange: () => { console.log(this); }, },