qq_64669006的博客

Vue (发音为 /vjuː/，类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。

其中，路由传参使用router-link标签，to是传递数据的路径，因为路径是动态获取的，所以使用v-bond：，然后路径使用 `` 包裹起来。像这样，在meta块中添加isLogin变量，并设置为true，即，如果isLogin中没有值的话就不给通过。相对动态路由传参还需要改配置，静态路由就不需要，所以相对来说，静态路由比动态路由好一些。这里的是点击页面之后就更改名字，如果有title，就改为title，不然就改为测试网站。添加动态路由到index.js中，因为我们本身就是要通过路由进行传参嘛。

这里是通过vue.js实例化一个vue对象，然后定义一个全局事件总线，通过全局事件总线进行数据传递，当然，数据传递需要在同一个文件中进行，否则需要通过路由来实现。这是把父类中的所有没有命名的child-slot全部展示，有名字的child-slot则不展示。这里是直接使用child-slot标签进行传递数据，然后由props来接收数据。如果有的child-slot中间没有内容，还会独占模块，这显然是不行的。如果子类有slot调用名字叫做one，slot才会显示。可以设置为图片，视屏，文字等都可以。

Vue 应用中的跨域问题通常是由于浏览器的同源策略引起的，它阻止了一个源（origin）的网页上的JavaScript 代码请求另一个源的资源。也就是说，只要https://www.baidu.com中https://，www.baidu，.com中有一个不一样，就会导致存在跨域问题。2.逆向传递数据(vue不支持逆向传递)-->子组件给父组件传递，通过$emit("事件名",要传递的数据)自定义监听事件。，这里因为本身就有/api，再添加了一个/api，所以需要去掉一个/api，也就是重写路径。

vue的生命周期有8个，常用的有4个，创建前创建后，挂载前挂载后，更新前更新后，销毁前销毁后。这里使用了filter的箭头函数，对nums进行过滤，大于5的才能过去，也就是才能被留下。不过修改了config.js文件后，需要重启vue-cli项目。在main.js中，可以通过这种方式来遍历对象。1、如果只有一个参数，形参的小括号可以省略。2、如果只有一条语句，{}可以省略。在vue.config.js中添加。和在vscode中使用方法差不多。这里就是在挂载后进行查询接口。方法就写在methods中。

‌vue-cli脚手架是‌Vue.js项目的官方脚手架，基于‌Node.js与‌Webpack构建，用于快速生成Vue工程化项目的工具。开箱即用提供了一套完整的项目结构和配置，减少了手动配置的工作量。基于Webpack利用Webpack的资源打包和优化功能，提高项目的性能和稳定性。功能丰富且易于扩展支持创建Vue2和Vue3的项目，提供了丰富的功能和插件系统，便于定制和扩展。支持命令行操作通过命令行接口（CLI）进行项目创建和管理，提升了开发效率。‌。

‌通过扩展HTML元素，‌组件可以以自定义的HTML标签形式出现，‌从而将代码组织成较小的、‌易于管理的块。‌使用预构建的组件，‌开发人员可以专注于应用程序的业务逻辑，‌而不是重复创建通用UI元素，‌从而缩短开发时间并提高生产力。‌此外，‌组件化开发还提供了更好的组织结构，‌使得代码结构更加清晰，‌易于管理和维护。需要先定义一个run()方法，把数据通过视图模板传递给父组件，父组件写一个methods的fun()监听方法，接收子组件的值，拿到之后，在自己的data中写出来，才能用。需要导入router包。

购物车表单的实现。

全局自定义指令el.focus();})局部自定义指令data() {return {},// 局部自定义指令"focus": {// 当被绑定的元素插入到 DOM 中时……// 聚焦元素el.focus();})

vue是一种自下而上的渐进式框架，当实现简单的应用时，只需一个轻量小巧的核心库；当实现复杂的应用时，可以引入各式各样的Vue插件。