青仙

摘要： 1.路由的query参数 传递参数 <!-- 跳转并携带query参数，to的字符串写法 --> <router-link :to="/home/message/detail?id=666&title=你好">跳转</router-link> <!-- 跳转并携带query参数，to的对象写法 -- 阅读全文

摘要： 1、相关理解 1.1、vue-router的理解 vue的一个插件库，专门用来实现SPA单页面网站应用 1.2、对SPA应用的理解 1、单页 Web 应用（single page web application，SPA）。 2、整个应用只有一个完整的页面。 3、点击页面中的导航链接不会刷新页面，只会 阅读全文

摘要： 1、理解Vuex 1.1、Vuex是什么？ 在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。 1.2.何时使用？ 多个组件需要共享数据时 1.3.Vuex工作原理 1，具体流程： 插件 阅读全文

摘要： 1、vue脚手架配置代理 是用代理服务器可以解决跨域问题。 解决跨域： 方式1：后端使用cors服务器里返回一些相应头回来解决。 方式2：jsonp 方式3：代理服务器。因为代理服务器也是服务器。和后端服务器一样。服务器之间通信是用的http请求。 ajax是前端技术。前端和服务器通信才会有跨域问题 阅读全文

摘要： 1、nextTick vue里特殊的生命周期钩子。 语法：this.$nextTick(回调函数) 作用：在下一次 DOM 更新结束后执行其指定的回调。 什么时候用：当改变数据后，要基于更新后的新DOM进行某些操作时，要在nextTick所指定的回调函数中执行。 比如：修改了vm的data中的数据要 阅读全文

摘要： 1、全局事件总线（GlobalEventBus） 一种组件间通信的方式，适用于任意组件间通信。 安装全局事件总线： new Vue({ ...... beforeCreate() { Vue.prototype.$bus = this //安装全局事件总线，$bus就是当前应用的vm }, .... 阅读全文

摘要： 1、webStorage(js在浏览器的本地存储) 存储内容大小一般支持5MB左右（不同浏览器可能还不一样） 浏览器端通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机制。 相关API： ①. xxxxxStorage.setItem( 阅读全文

摘要： src\App.vue <template> <div id="root"> <div class="todo-container"> <div class="todo-wrap"> <MyHeader :addTodo="addTodo"/><!-- 父组件向子组件传递一个函数，然后子组件调用这个 阅读全文

摘要： 1、ref属性 被用来给元素或子组件注册引用信息（id的替代者） 应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象（vc） 使用方式： a. 打标识：<h1 ref="xxx">.....</h1> 或 <School ref="xxx"></School> b. 获取：t 阅读全文

摘要： 1、初始化脚手架 1.1、说明 vue-cli是Vue官方提供的脚手架工具。 cli：command line interface命令行接口工具。 Vue脚手架是Vue官方提供的标准化开发工具（开发平台） 最新的版本是4.X 文档：https://cli.vuejs.org/zh/ 1.2、安装vu 阅读全文