![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 77
sinat_35837053
这个作者很懒,什么都没留下…
展开
-
vue中leaftet插件velocity加载风流场
vue中leaftet插件velocity加载风流场原创 2022-10-14 12:43:25 · 1035 阅读 · 0 评论 -
vue-09-关于Vuex
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。【即数据管理】它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。【vuex中存储着所有组件的共享数据】状态管...原创 2019-09-11 17:26:30 · 127 阅读 · 0 评论 -
vue-08-路由守卫(导航守卫),webpack
组件内的守卫【先解释一波】const Foo = { template: `...`, beforeRouteEnter (to, from, next) { // 在渲染该组件的对应路由被 confirm 前调用 // 不!能!获取组件实例 `this` // 因为当守卫执行前,组件实例还没被创建 }, beforeRouteUpdate (to, from, next) { // 在当前路...原创 2019-09-11 17:24:26 · 165 阅读 · 0 评论 -
vue-07-编程式导航,命名视图,路由组件传参
编程式导航路由传参router.push()除了使用<router-link>创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。可以调用this.$router.push想要导航到不同的 URL,则使用router.push方法。这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,则回...原创 2019-09-11 17:23:12 · 121 阅读 · 0 评论 -
vue-06-单页面组件,传值【props,fetch】,路由
脚手架单页面组件搭建好脚手架,启动服务器【默认地址 http://localhost:8080】src-->assets:静态资源存储的地方如图片文件src-->components:模板文件第一步:src-->components-->创建新的文件如top.vuetop.vue中:有三个标签<template><...原创 2019-09-11 17:21:51 · 291 阅读 · 0 评论 -
vue-05-Mixins、vue对象生命周期、swiper插件
mixins混入混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。就是把vue组件的公共的功能提取出来,提高复用性混入<div id="app"></div> <script src="https://cdn.j...原创 2019-09-11 17:20:42 · 514 阅读 · 0 评论 -
vue-04-过渡动画、fetch、json-server
解决一个问题:点击事件:v-on:click="show = !show"“show”是显示,"!show"是不显示,中间为什么用“=”号呢?"或者"不应该是“||”这个符号吗解答:首先这里的@click="show=!show”是执行(this.show = !this.show)这样一个语句而不是判断语句;相当于这样@click="clickToggle”clickTo...原创 2019-09-11 17:17:20 · 196 阅读 · 0 评论 -
vue-03-传值,组件属性、事件、内容
单个根元素当构建一个<blog-post>组件时,你的模板最终会包含的东西远不止一个标题:<h3>{{ title }}</h3>最最起码,你会包含这篇博文的正文:<h3>{{ title }}</h3> <div v-html="content"></div>然而如果你在模板中尝试这...原创 2019-09-11 17:14:11 · 461 阅读 · 0 评论 -
vue-02-基本语法--属性,组件
计算属性可以对原始的数据做进一步的加工,还可以缓存。<div id="app"> <p>{{message}}</p> <p>{{reverseMsg}}</p> <p>{{reverseMsg1()}}</p> </div>let vm = new Vue({ el:"#app",/...原创 2019-09-11 17:11:58 · 95 阅读 · 0 评论 -
vue-01-基本语法--指令
原生js模拟vue<div id="app"> <p>{{msg}}:{{name}},您今年{{age}}岁了</p> <p>{{msg}}:我是{{name}},我确实{{age}}岁了,我是{{sex}}的</p> </div><script type="text/javascrip...原创 2019-09-11 16:53:55 · 297 阅读 · 0 评论