Nuyoah.-优快云博客

原创 Day15——路由

一个路由(route)就是一组映射关系(key-value),多个路由需要路由器(router)进行管理。key是路径，value是组件。vue的一个插件库，专门用于当前的SPA应用程序1.单页Web应用程序（SPA）2.整个应用只有一个完整的页面。3.点击页面中的导航链接,只会做页面的。4.数据需要通过ajax请求获取1.安装vue-router, 命令npm i vue-router2.应用插件:Vue.use(VueRouter)

2025-04-03 18:41:44 928

原创 Day14——vuex优化代码

当state中的数据需要经过加工后再使用时，可以使用getters加工：getters可用可不用，但当逻辑复杂且需要复用时最好使用getters。

2025-04-02 18:38:42 402

原创 Day13——插槽+vuex

是发送ajax请求的插件库。首先安装——在main.js中引入。

2025-03-31 21:37:09 247

原创 Day12——Vue配置代理+案例练习

get目前所在端口号为8080，需要向端口号为5000的服务器请求数据。请求发送给服务器，服务器把数据给浏览器，但不会把数据呈现在页面上，因为端口号不一样，属于跨域。使用第三种方案，即开启代理服务器，开启代理服务器有两种方式，分别是nginx和Vue CLI，这里用 Vue CLI。

2025-03-30 20:11:25 823

原创 frontend-snippets

【代码】Day12——frontend-snippets。

2025-03-29 20:07:41 277

原创 Day12——nextTick和动画

前边部分和动画实现一样，style标签里的内容有区别。Animate.css库。

2025-03-29 19:54:38 188

原创 Day11——学习Vue

以案例说明：要求实现把StudentInfo组件中的studentName传给SchoolInfo组件（兄弟组件传递）（1）接收数据：SchoolInfo组件想接收数据，则在SchoolInfo组件给$bus绑定自定义事件，事件的回调留在SchoolInfo组件自身。$off$bus。

2025-03-26 22:46:20 181

原创 Day10——学习Vue

点我把学校名字给App

2025-03-25 21:41:34 345

原创【无标题】

（1）拆分静态组件：组件要按照功能点拆分，命名不要与html元素冲突。（2）实现动态组件：考虑好数据的存放位置，数据是一个组件再用，还是一些组件在用。（1）一个组件在用：放在组件自身即可（2）一些组件在用：放在他们共同组件上（状态提升）（3）实现交互：从绑定事件开始。

2025-03-24 22:24:25 146

原创 Day8——vue脚手架

本质：包含install方法的一个对象，install的第一个参数是Vue,第二个及以后的参数是插件使用者传递的参数。先引入SchoolInfo，后引入StudentInfo,所以页面是StudentInfo组件中设置的样式。这一部分在MyList组件中，但每一条数据在MyItem组件中。MyItem是MyList的子组件。功能：用于增强vue。

2025-03-24 12:46:41 334

原创 Day7——Vue脚手架

1.school组件本质是一个名为VueComponent的构造函数，且不是程序员定义的，是Vue.extend生成的。2.我们只需要写或,Vue解析时会帮我们创建school组件的实例对象，即Vue帮我们执行的:new VueComponent(options)。3.:每次调用Vue.extend,返回的都是一个全新的IVueComponent！(1)组件配置中: （例如School.Student.App组件）

2025-03-22 16:47:18 851

原创 Day6——学习Vue

组件的定义：实现应用中局部功能代码和资源的集合。作用：复用编码、简化项目编码，提高运行效率。模块的定义：向外提供特定功能的js程序，一般就是一个js文件。作用：复用js，简化js的编写，提高js的运行效率。模块化：当应用中的js都以模块来编写的，那这个应用就是一个模块化的应用。组件化：当应用中的功能都是多组件的方式编写的，那这个应用就是一个组件化的应用。

2025-03-19 22:02:15 936