拾光°の博客

登录

/

注册

标签搜索

搜索到 9 篇与的结果

VUEX

VUEX

vuex是专门用来管理vue.js应用程序中状态的一个插件。他的作用是将应用中的所有状态都放在一起，集中式来管理。需要声明的是，这里所说的状态指的是vue组件中data里面的属性。简单的来说,它就是存储公共变量的东西,然后插件可以通过它来访问,或者修改数据,来达到响应式.相当于一个仓库,里面可以放很多公共的东西,而这些公共的东西都可以让组件使用.vuex中核心模块有：StateMutationActionGetterState介绍：State提供唯一的公共数据源，所有共享的数据都要统一放到Store的State中进行存储。类似于data函数管理数据，管理的数据是响应式的，当数据改变时驱动视图更新。第一种取数据方法 <template> <div> <h3>当前最新的count值为: {{$store.state.count}}</h3> </div> </template>在template中访问vue实例中的内容时，this...

拾光°

2022-03-28

361 阅读

0 评论

2022年03月28日

361 阅读

0 评论

vue 跨域配置webpack

vue 跨域配置webpack

很多情况下后台会给我们做请求代理，当后台没有帮你的时候只能自己解决了，Vue-cli这里我用的是webpack，那么我们需要在webpack上做代理设置，具体步骤如下：新建一个 webpack.config.js devServer: { historyApiFallback: true, hot: true, inline: true, contentBase: "./app", // port: 3000, //前面是配置 webpack-dev-server 的，也可以 package.json 文件中配置 proxy: { "/api": { // target: 'http://localhost:8888', target: 'https: //www.baidu.com', //要跨域的地址 pathRewrite: {'^/api' ...

拾光°

2022-03-24

356 阅读

0 评论

2022年03月24日

356 阅读

0 评论

vue 中的 .sync 修饰符与 this.$emit('update:key', value)

vue 中的 .sync 修饰符与 this.$emit('update:key', value)

vue 中 .sync 修饰符，是 2.3.0+ 版本新增的功能其实就是一个语法糖在有些情况下，我们可能需要对一个 prop 进行“双向绑定”。不幸的是，真正的双向绑定会带来维护上的问题，因为子组件可以变更父组件，且在父组件和子组件两侧都没有明显的变更来源。这也是为什么我们推荐以 update:myPropName 的模式触发事件取而代之。举个例子，在一个包含 title prop 的假设的组件中，我们可以用以下方法表达对其赋新值的意图：在子组件中，props 中使用 title，然后修改 title 为新的值，并通知父组件：this.$emit('update:title', newTitle)然后父组件可以监听那个事件并根据需要更新一个本地的数据 property。例如：<text-document v-bind:title="doc.title" v-on:update:title="doc.title = $event" > </text-document>为了方便起见，我们为这种模式提供一个缩写...

拾光°

2022-02-22

321 阅读

0 评论

2022年02月22日

321 阅读

0 评论

常用的vue插件

常用的vue插件

总结简单易用组件vue-count-to 简洁的数字滚动组件vue-count-to是一个无依赖，轻量级的vue组件<template> <countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo> </template> <script> // 引入组件 import countTo from 'vue-count-to'; export default { components: { countTo }, data () { return { startVal: 0, endVal: 2017 } } } </script>参数属性描述startVal开始值endVal结束值duration持续时间，以毫秒为单位autoplay自动播放decimals要显示的小数位数decimal十进制分割separator分隔符pref...

拾光°

2022-02-16

301 阅读

0 评论

2022年02月16日

301 阅读

0 评论

通过component标签加上is属性动态切换组件

通过component标签加上is属性动态切换组件

利用component组件和is属性来控制页面里面展示内容比如后台系统要实现普通用户跳转普通页面，而管理员用户跳转管理页面的这种情况就可以使用这种方式来解决一、使用方法也简单  <template> <div class="dashboard-container">  <component :is="currentRole" /> </div> </template>然后引入不同的组件// 管理员页面 import adminDashboard from './admin' // 普通页面 import editorDashboard from './editor' export default { // 同一注入一下 components: { adminDashboard, editorDashboard }, } 加载页面的时候...

拾光°

2022-02-16

326 阅读

0 评论

2022年02月16日

326 阅读

0 评论

1
2

拾光°

24 文章数

424 评论量

人生倒计时

今日已经过去小时

这周已经过去天

本月已经过去天

今年已经过去个月

热门文章