一、准备工作
1.下载node.js 配置npm
直接去官网下载https://nodejs.org/en/download
建议使用v18版本，一直next即可，下载完毕。打开命令窗口输入node -v
如下图显示，表示安装成功。
2.使用cnpm下载vue cli
cnpm install -g @vue/cli下载完毕后输入vue -verson出现如下窗口，表示安装成功。
-------------------------------4月18日分割线-------------------------
在终端输入如下命令：
cd vue_demo//进入目标项目
npm run serve//开启服务浏览器访问localhost，显示如下页面，启动成功。
二、模板语法
可以在页面上动态的显示文本。
1.文本
2.原始HTML
双大括号会将数据解释为普通文本，而非 HTML 代码。为了输出真正的 HTML，你需要使用 v-html 指令。如图。
3.属性Attribute
Mustache(双阔号)语法不能在Html属性中使用，但是可以使用v-bind指令
4.表达式
三、条件渲染
1.v-if
v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回true值的时候被渲染。如图。
2.v-else
就类似于if else结构，如图
3.v-show
4.v-show和v-if的区别
总结就是v-if如果初始不满足则直接不会渲染到dom中，而v-show无论怎样都会渲染，只是他的display属性是否为none。
------------------------------------4月19日分割线-----------------------
四、列表渲染
1.v-for
2.维护状态
意思是指定每一条数据的id，指定以后如果有修改的部分才会重新渲染，其他不变。
五、事件处理
1.监听事件
2.事件处理方法
就是把事件封装成函数
下面这个区别于小程序 this.属性
3.内联处理器中的方法
事件传递参数
下面实现了每次点击都会弹出点击的内容：
4.表单的输入绑定
5.修饰符
1.lazy
这个实现了双向绑定的时候，不同步去请求，而是在回车或者失去焦点的时候，再去渲染，有点像懒加载。
2.trim
---------------------4月20日学到这里
六、组件
组件（Component）是 Vue.js 最强大的功能之一。
组件可以扩展 HTML 元素，封装可重用的代码。
组件中可以再嵌套组件
1.单文件组件
vue单文件组件（.vue文件）。它允许将Vue组件的模板（html），逻辑（js）和样式（css）封装在单个文件中。
2.加载组件
上面组件已经export（导出）
在app.vue中分为以下三步
注意：
3.props组件交互
props可以实现组件间的数据传递
3.1App.vue向组件中传值
首先是在app.vue中
而后在my.vue中
3.2Prop类型
例如传递数组，从app.vue传递的时候正常传递。而在my.vue接受的时候需要返回函数体，如下图
3.3自定义事件传递数据（从自定义组件到app.vue）
在自定义组件中
而后在app.vue中
-------------------------------4月24日分界线
