wxid_856d59fjl8ea22的博客

【携程旅行网页学习】进入element官网，https://element-plus.org/zh-CN/，选择组件，然后选择Basic 基础组件中的Container 布局容器。根据上面的图，选择左上下结构，复制代码。在index.vue文件中，先设置一个简单页面，输入如下代码：（安装了插件就可以输入vue，然后选择默认vue结构，会自动补全vue结构）(1)在views文件夹中新建menu.vue、logo.vue和main.vue三个页面，然后将这三个组成部分的代码分别输入到对应的页面中。

在App.vue文件中增加注销按钮，实现注销功能，注销之后用户数据被清除，要实现自动跳转到登录页面。在router/index.js文件中设置路由，完成引入要设置路由的子页面和设置路由两步操作。在vue中，页面和组件都是.vue文件，可以说是一样的，结构、内容和生产方法都是一样，但是组件可以被反复使用，但页面一般只被使用一次。在App.vue中设置引用子页面，修改template部分，把要链接的子页面设置链接，router-vies标签类似于子页面占位符。

进入项目文件夹，打开终端。进入项目，运行vue项目。

如果显示当前操作系统登录的用户权限不足，使用以下命令。安装node.js 进入node官网下载。使用npm安装vue cli工具。对vue cli进行升级。对vue cli进行升级。

Vue3 组件基础 组件的定义与使用，局部组件与全局组件，父组件与子组件，父组件传值给子组件，事件发射：子组件传值给父组件

Vue3用户交互事件，鼠标单击事件、输入框双向绑定和修饰符，表单

常用的对象window对象(window表示对象的名称)，此对象称之为全局对象，方法也是全局方法，所以语法可以省略"window."​ 滚动条位置改变：window.οnscrοll=function(){}​ 可视尺寸改变：window.οnresize=function(){}​ 资源加载完毕：window.οnlοad=function(){}​ 前进页面：window.history.forward()​ 回退页面：window.history.back()​ 关闭：window.close()

vue属性与方法，计算属性，v-model指令——表单的实现，样式绑定

vue3初步学习，vue模版，文本插值，常用vue指令，v-if指令，v-for指令，综合实例-待办任务