随笔分类 -  Vue

摘要:1.先下载相关的依赖,这里echarts和高德地图放到一起。(高德地图需要先去申请一个key) // The Vue build version to load with the command // (runtime only or standalone) has been set in webp 阅读全文
posted @ 2019-09-30 15:31 Heson 阅读(4449) 评论(0) 推荐(0)
摘要:commit 只可以触发同步的操作。 Mutation只支持同步操作 dispatch 则可以提交action的异步操作。 Action支持异步操作 阅读全文
posted @ 2019-08-29 14:40 Heson 阅读(2694) 评论(0) 推荐(0)
摘要:1.谈谈你对MVVM开发模式的理解。 MVVM分为Model、View、ViewModel三者。 Model 代表数据模型,数据和业务逻辑都在Model层中定义; View 代表UI视图,负责数据的展示; ViewModel 负责监听 Model 中数据的改变并且控制视图的更新,处理用户交互操作; 阅读全文
posted @ 2019-03-26 14:46 Heson 阅读(467) 评论(0) 推荐(0)
摘要:父组件向子组件传值: parent.vue chile.vue 这里要注意的是第四步。 ` ` 父组件用车子运货,子组件也要用车子接货。 子组件向父组件传值: child.vue parent.vue 这里要注意的就是这个绑定的事件,子组件给父组件传值,不是直接就能接收的,这个事件就是父组件用来监听 阅读全文
posted @ 2019-03-14 09:40 Heson 阅读(260) 评论(0) 推荐(0)
摘要:Vuex核心属性: vuex中给出了几个核心名词,state,getter,mutation,action,module。 我们画图说明。 属性名|描述 |: state|仓库,里面存放数据 getter|搬运工小组,有无数个搬运工,只负责从厂房往外搬东西 mutation|操作工小组,有无数个操作 阅读全文
posted @ 2019-03-13 16:45 Heson 阅读(1028) 评论(0) 推荐(0)
摘要:什么是动态路由? 官方说明如下。 举个例子。 一个画廊有十万幅画,这是些画存放在不同的窗口,每一幅画在展示的时候,都要使用唯一的一个画框,也就是说,在展示画的时候,画框是不变的,唯一改变的只是窗口和被展示的画。 动态路由的使用: 要使用动态路由,首先要配置路由路径,在路由的路径上加上/:变量,此时 阅读全文
posted @ 2019-03-13 16:21 Heson 阅读(430) 评论(0) 推荐(0)
摘要:视图渲染 路由出了页面跳转这个功能以外,还有一个功能,那就是视图渲染。 简单点说,就是在页面加载的时候,通过配置好的路由路径,将对应好的模块渲染到页面。 我们通过 标签,来指定渲染的位置。 举例说明。 在router目录下的index.js文件配置路由。 在App.vue文件中,加入以下内容。 浏览 阅读全文
posted @ 2019-03-13 16:06 Heson 阅读(3131) 评论(0) 推荐(0)
摘要:无参数跳转: 使用路由标签跳转: 通过路由路径跳转: `apple ` 此时的 就是注册路由时的 ,也就是路由的路径。 可以简写为。 `apple ` 通过路由名称跳转: `apple ` 此时的 就是注册路由时的 ,也就是路由的名称。 用路由跳转的方式会给要跳转的元素加上 标签,可以通过 属性,自 阅读全文
posted @ 2019-03-13 14:50 Heson 阅读(2384) 评论(0) 推荐(0)
摘要:组件: vue中,每一个 结尾的文件都是一个组件,我们直接通过 关键字,就可以使用。 举例说明。 所以组件的使用方法是 。 全局组件 在每个地方使用同一个组件都要经过以上步骤,这样就比较麻烦。 如果一个组件在多个地方都要使用,我们可以将该组件定义为全局组件。 也就是说,只需要定义一次,就可以随意使用 阅读全文
posted @ 2019-03-13 14:30 Heson 阅读(1844) 评论(0) 推荐(0)
摘要:import: html文件中,通过 标签引入js文件。 而vue中,通过 路径的方式导入文件,不光可以导入js文件。 “xxx”指的是为导入的文件起一个名称,不是指导入的文件的名称,相当于变量名。 “xxx路径”指的是文件的相对路径. 例如: 在路由index.js中,导入apple.vue和ba 阅读全文
posted @ 2019-03-12 16:44 Heson 阅读(34021) 评论(1) 推荐(2)
摘要:1.找到config 下的index.js 将里面build下的‘/’,改为 ‘./’, 2.找到build 下的utils 里面的build 做如下修改 if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, 阅读全文
posted @ 2019-02-15 10:32 Heson 阅读(1044) 评论(0) 推荐(0)

Live2D