随笔分类 - Vue
摘要：前言：有关Vue中父组件通过prop传值给子组件时，是否加v-bind的问题，没弄清楚时感觉很乱，弄清楚之后很简单。 由于结果记起来很容易，所以先给出结果：只有传递字符串常量时，不采用v-bind形式，其余情况均采用v-bind形式传递。 传入String类型 传入的值title为一个常量(静态pr
阅读全文
摘要：https://www.kancloud.cn/dataoedu/vue/327238
阅读全文
摘要：近期面试，遇到关于vue-router实现原理的问题，在查阅了相关资料后，根据自己理解，来记录下。我们知道vue-router是vue的核心插件，而当前vue项目一般都是单页面应用，也就是说vue-router是应用在单页面应用中的。那么，什么是单页面应用呢？在单页面应用出现之前，多页面应用又是什么
阅读全文
摘要：转载：https://blog.csdn.net/guanxiaoyu002/article/details/81116616 第1节：Vue-router入门 1、解读router/index.js文件 import Vue from 'vue' //引入Vue import Vue from '
阅读全文
摘要：学习目的 学习Vue的必备技能，必须 熟练使用 Vue-router，能够在实际项目中运用。 Vue-router介绍 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表；模块化的、基于组件的路
阅读全文
摘要：安装 vue-router 在命令行中进入 vue 的项目目录里，运行命令 npm install vue-router --save 来进行安装 npm install vue-router --save 使用 vue-router 在 main.js 文件中引入 vue-router、安装路由功
阅读全文
摘要：Vue中import '@...'是什么 今天看新项目代码，有import '@/assets/css/theme/index.css'一类的代码，里面的@是做什么的呢。 找到这篇文章https://www.cnblogs.com/boshow/p/8758927.html，这个是webpack使用
阅读全文
摘要：Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件状态，并以相应的规则保证状态以一种可预测的方式发生变化。 什么鬼东西 看完这段专业的解释，我反正是一脸懵逼，内心毫无波澜，甚至有点想吃酱肘子。感觉和没说一样嘛！keep going。
阅读全文
摘要：1、vuex的定义 1）Vuex 是一个专门为 Vue.js 应用程序开发的状态管理模式，使用插件的形式引进项目中 2）集中存储和管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化 3）每一个 Vuex 应用的核心就是 store（仓库），new Vue.store({...})，“store”基本上就是一个容器，它包含应用中大部分的状态 (state) 2...
阅读全文
摘要：转载https://segmentfault.com/a/1190000015782272 在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理，个人的理解是全局状态管理更合适；简单的理解就是你在state中定义了一个数据之后，你可以在所在项目中的任何一个组件里
阅读全文
摘要：转载：https://www.cnblogs.com/chinabin1993/p/9848720.html 这段时间一直在用vue写项目，vuex在项目中也会依葫芦画瓢使用，但是总有一种朦朦胧胧的感觉。于是决定彻底搞懂它。 看了一下午的官方文档，以及资料，才发现vuex so easy！ 作为一个
阅读全文
摘要：如果你之前使用过vue.js，你一定知道在vue中各个组件之间传值的痛苦，在vue中我们可以使用vuex来保存我们需要管理的状态值，值一旦被修改，所有引用该值的地方就会自动更新，那么接下来我们就来学习一下vuex是如何修改状态值的： 我们新建一个vue项目（这里由于我们是讲解vuex，所以对于vue
阅读全文
摘要：第三方模块没有默认引用到我们的电脑中,我们要进行下载 chalk 这个包是为了使输出不再单调,添加文字背景什么的,改变字体颜色什么的, npm install chalk //只需要写文件包名,不需要写文件路径const chalk= require('chalk');console.log(cha
阅读全文
摘要：在使用Grafana的过程中，发现Grafana关于视图页面中每一个面板都可拖拽，可随意放大放小，体验非常棒，F12看了Grafana的代码，看打包后的代码很像react，进一步css，看到有grid layout的字眼，然后尝试去搜了下有没有这方面的组件，一搜果然是有这样的组件的。首先看到的是react版本的组件，然后搜了下也有vue相关的。 以前也见过jquery的可拖拽组件demo...
阅读全文
摘要：vue-grid-layout vue-grid-layout is a grid layout system, like Gridster, for Vue.js. Heavily inspired in React-Grid-Layout Current version: 2.3.4 (Supp
阅读全文
摘要：0. 直接上 预览链接 Vue国际化处理 vue-i18n 以及项目自动切换中英文 1. 环境搭建 命令进入项目目录，执行以下命令安装vue 国际化插件vue-i18n npm install vue-i18n --save 2. 项目增加国际化翻译文件 在项目的src下添加lang文件夹增加中文翻
阅读全文
摘要：转载自：https://blog.csdn.net/gao_xu_520/article/details/80915400 版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/gao_xu_520/article/details/80915400一.概念
阅读全文
摘要：1.钩子函数 钩子函数是Windows消息处理机制的一部分，通过设置“钩子”，应用程序可以在系统级对所有消息、事件进行过滤，访问在正常情况下无法访问的消息。钩子的本质是一段用以处理系统消息的程序，通过系统调用，把它挂入系统。（百度百科） 2.相对于前端来讲 对于前端来说，钩子函数就是指再所有函数执行
阅读全文
摘要：为什么要使用babel-polyfill？ Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而可以在现有环境执行，所以我们可以用ES6编写，而不用考虑环境支持的问题； 有些浏览器版本的发布早于ES6的定稿和发布，因此如果在编程中使用了ES6的新特性，而浏览器没有更新版本，或者新版
阅读全文
摘要：转载：https://www.cnblogs.com/princesong/p/6728250.html 前两天一个首页项目，想用vue玩耍一下，就用vue-cli搭建了一套vue的开发框架 完成开发、联调和上线后，问题来了 chrome、ff浏览器下都能正常显示的页面，在百度浏览器下愣就显示不出来
阅读全文
浙公网安备 33010602011771号