摘要: 状态管理库vuex Vuex是一个专为Vue.js应用程序开发的状态管理库。状态就是指组件之间共享的数据 vue项目中配置状态管理库vuex的流程 1.下载并引入vuex相关内容 2.创建状态管理库对象store 3.对外抛出store对象 4.在main.js中将store对象与当前项目相关联 s 阅读全文
posted @ 2022-05-12 20:31 KimiRaikkonen 阅读(42) 评论(0) 推荐(0)
摘要: Vue-router路由 vue3项目红如何配置路由 1.下载vue-router,在路由文件中引入相关依赖 2.创建路由信息对象数组 3.创建路由管理器对象并对外抛出 4.在main.js使用use(router)方法,将路由管理对象与当前vue项目相关联 5.在项目中设置路由导航router-l 阅读全文
posted @ 2022-05-12 20:30 KimiRaikkonen 阅读(57) 评论(0) 推荐(0)
摘要: 1.钩子函数 钩子函数, 其实就是Vue提前定义好的事件 <script type="text/javascript"> var app = new Vue({ el:"#app", //钩子函数created,该方法在页面显示之后,自动执行 created() { console.log("cre 阅读全文
posted @ 2022-05-12 20:25 KimiRaikkonen 阅读(33) 评论(0) 推荐(0)
摘要: 开发步骤 创建一个空文件夹,取名students-system 方式一:右键新建 方式二:命令行新建(提倡) ##windows系统 md students-system##mac/linux mkdir students-system 初始化 npm init -y 执行结果:该文件夹下新增了一个 阅读全文
posted @ 2022-05-12 20:21 KimiRaikkonen 阅读(426) 评论(0) 推荐(0)
摘要: 主要任务完成各网页的静态页面,就要将各静态页面添加后台数据并连接到一起 将各个单组件引入到主页面中 获取后台数据 在api/index.js文件中创建访问api的函数并抛出 在listView组件中使用getPlaylistDetail方法通过id获取歌单详情数据,调用store中的setPlayl 阅读全文
posted @ 2022-05-12 18:04 KimiRaikkonen 阅读(66) 评论(0) 推荐(0)
摘要: 此项目是通过Vue制作,可以实现响应式的页面。 首先新建Vue项目,安装相关依赖包,通过node开启后端接口 想要实现获得项目后台信息的操作,首先要封装后台API函数 封装函数调用后才能实现后台数据的实时更新 具体实现: 首先通过新建组件并共同引入 再编写静态网页,通过html和css 静态网页用到 阅读全文
posted @ 2022-05-12 16:09 KimiRaikkonen 阅读(52) 评论(0) 推荐(0)
摘要: Vue3最重要新特性之一 作用:之前vue对象规定了我们必须把某一类数据放到某一个机构中,这样在一定程度上对我们的代码进行了强制的分割。在vue3中,我们引入了setup()合成API语法,它可以将某数据关联的内容都整合到一个部分,即使setup()中的内容越来越多,也会围绕大而不乱的形式开发项目 阅读全文
posted @ 2022-05-12 15:23 KimiRaikkonen 阅读(121) 评论(0) 推荐(0)
摘要: 组件之间的数据通信 父子组件之间数据通信 第一种:父-->子 props传递数据; 子-->父 触发自定义事件的形式 第二种:provide...inject结构 父组件project抛出数据,子组件inject接收数据 非父子组件之间的数据通信 第一种:事件总线Bus(空vue对象) 第二种:状态 阅读全文
posted @ 2022-05-12 15:19 KimiRaikkonen 阅读(50) 评论(0) 推荐(0)
摘要: Vue框架 Vue-router路由 vue3项目红如何配置路由 1.下载vue-router,在路由文件中引入相关依赖 2.创建路由信息对象数组 3.创建路由管理器对象并对外抛出 4.在main.js使用use(router)方法,将路由管理对象与当前vue项目相关联 5.在项目中设置路由导航ro 阅读全文
posted @ 2022-05-11 15:22 KimiRaikkonen 阅读(44) 评论(0) 推荐(0)
摘要: vue基础 数据的页面展示{{}} ,v-once,v-html 数据绑定属性v-bind,简写用: 事件调用:v-on,简写:@ V-if与v-show,异同 v-for 用in和of都一样,循环数组的时候,可以有两个参数,循环对象时,可以有三个参数 style与class绑定 计算属性 表单双向 阅读全文
posted @ 2022-05-11 15:19 KimiRaikkonen 阅读(266) 评论(0) 推荐(0)