vue-router（导航守卫，路由元信息，获取数据） 一、导航守卫 当做Vue-cli项目的时候感觉在路由跳转前做一些验证，比如登录验证，是网站中的普遍需求，这个时候就需要导航守卫，你可以在页面跳转前做逻辑判断，时候跳转，跳转到指定页面。 &
转载
2024-06-25 08:57:58
166阅读
Less 的使用方法Less 可以直接在浏览器端运行（支持IE6+、Webkit、Firefox），也可以借助Node.js或者Rhino在服务端运行。Less是一种动态语言，无论是在浏览器端，还是在服务器端运行，最终还是需要编译成 CSS，才会发挥其作用。浏览器端使用在浏览器端直接使用Less，浏览器会直接为页面应用编译后的CSS样式，而不是生成单独的CSS文件。在浏览器端直接使用Less，需要
转载
2024-08-30 14:59:13
88阅读
20190120什么情况下适合使合vuex？Vuex使用中有几个步骤？开始之前先简单了解一下vuex定义: vuex是一个状态管理机制,采用集中式存储应用所有组件的状态嗯，就是一句话能说明白的，没明白的，我们用代码再理解一下什么叫集中式式存储比如下面这段代码，同时需要用到username，那么我们首先能想到就是在两个组件内都进行一次获取username的操作, 这种操作是有明显弊端的, 如带宽资源
变量混合写法混合带参数混合带默认参数混合带多个参数自动加浏览器前缀匹配模式匹配模式带默认参数和属性嵌套嵌套操作上一层 &运算避免编译 ~
less
Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维
转载
2024-04-10 10:40:31
429阅读
如何写出更加规范的Vue代码Vue代码风格指南整理A级：必要的使用以下代码规则会规避一些不必要的错误1、组件名为多个单词好处 避免和现有的以及未来的HTML产生冲突，因为html元素名称为单元素举例// 反例1，以todo为组件名
Vue.component("todo" , {
...
})
// 反例2，以todo为组件名
export default{
name:"Todo"
vuex是一个专门为vue.js设计的集中式状态管理架构。我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。比如：我们有几个页面要显示用户名称和用户等级，或者显示用户的地理位置。如果我们不把这些属性设置为状态，那每个页面遇到后，都会到服务器进行查找计算，返回后再显示。在中大型项目中会有很多共用的数据，所以尤大神给我们提
转载
2024-04-15 18:11:12
79阅读
如在Vue中，我们可以绑定在style上面变量，然后使用css来使用该变
原创
2023-03-05 09:44:01
1693阅读
最近在学习了less，作些笔记； 本质上，LESS 包含一套自定义的语法及一个解析器，用户根据这些语法定义自己的样式规则，这些规则最终会通过解析器，编译生成对应的 CSS 文件。LESS 并没有裁剪 CSS 原有的特性，更不是用来取代 CSS 的，而是在现有 CSS 语法的基础上，为 CSS 加入程序式语言的特性。你也可以再less文件中写按照css规则写样式。less文件是以less作为文件后
转载
2024-02-19 10:49:33
572阅读
在设置好样式后，可以通过代码来动态改变页面中的元素显示样式。 一个两数相除的例子，在除数输入了0则为红色报警大字体加粗显示，如果结果大于等于0则为蓝色，小于0则为绿色显示。 就像下面的样式： 第一种实现代码：（普通方式）<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=
转载
2024-08-16 23:13:09
87阅读
VUE 项目如何快速优化？参考地址：https://mbd.baidu.com/newspage/data/landingsuper?context=%7B%22nid%22%3A%22news_9738341038034501697%22%7D&n_type=0&p_from=1优化策略 生成打包报告 修改webpack默认配置 加载外部CDN资源 路由懒加载 开启gizp配置一
转载
2024-05-22 15:14:54
67阅读
Hello World<div id="app">
{{ message }}
<button v-on:click="clickMe()">点击</button> <button v-on:click="clickMe">无参数的简写</button> </div>new Vue({
el: '#app', da
转载
2024-05-15 14:58:17
0阅读
1. 使用 return 返回值进行获取函数内部变量 function test() { var testValue = 'innerValue'; return testValue;} console.log(test()); // 'innerValue'2. 通过闭包方式进行获取函数内部变量 ...
转载
2021-09-09 16:37:00
468阅读
2评论
定义变量： 就是在内存里面申请一个合适的空间，用于存放对应的数据。 var 是定义变量的关键字，方式是：var 变量名 = 值 ，就是在内存定义空间，将值存放到该空间中。 注意：将来要获取变量里面的值，再通过变量名去取。 举个例子： 浏览器会给100，在内存中申请一个合适的空间，然后将100存放进去 ...
转载
2021-08-08 10:31:00
141阅读
2评论
Vue3 新特性如何在CSS中使用JS变量前言最近在 github 上发现一个Vue3非常好玩的特性，这个特性我以前就经常这么想：要是我在 data 里面定义的变量也能在 CSS 里面用那该多好啊！(大家有没有也这么想过)幻想以前做项目的时候经常会这么想：<template>
<h1>{{ color }}</h1>
</template>
&
转载
2024-10-29 07:16:06
295阅读
简单描述一下问题：Q： 在组件内部调用了公共方法wakeApp，想在判断是微信环境时候，通过改变组件局部变量的值，弹出遮罩组件，然鹅，并不知道怎么在外部引用的js中改变组件data中定义的局部变量。 A：尝试很多方法无果，后来优秀同学告诉我，他之前在vuex里 访问this，就是这么搞的，试了一下，好使：data() {
return {
转载
2023-06-20 19:02:49
207阅读
文章目录前提准备less 公共变量公共变量配置vant ui 定制主题定制方法同时配置 前提准备# 安装 less 依赖
$ npm i less less-loader --save-dev
# 安装 loader 依赖
$ npm install sass-resources-loader --save-dev
# 安装 vant
# Vue 2 项目，安装 Vant 2
$ npm
转载
2024-07-01 00:25:51
979阅读
在sayHello函数中下访问data中title的数据，上面这样写是访问不了的。而需要通过this访问。即：通常情况下，我们不能够用this来调用title属性，因为this并不是指代data对象，但是vue为我们做了一些背后的工作，所以我们能够通过this.title来访问title属性的数据。访问函数也是一样的，可以通过this来访问。即this.sayHello();在vue的帮助下，只要
原创
2018-12-29 14:43:12
646阅读
less正如其名，起到的作用是写的更少，其与css的关系在我看来可看成是jquery之与JavaScript的关系。less可以在node和浏览器端运行，相关的运行方法可以看less官方文档，我在编译的时候是用koala这个软件来编译的。实际上less只是为了方便编写，真正使用时还是使用css文件。将文档拖入后右键点击文档可设置输出路径接下来只要在less文件上编写，就可以修改输出路径的文档，即真
转载
2024-04-29 14:50:08
347阅读
公有变量、私有变量 ! 初学者的见解，算是记录学习过程，也算是分享以便共同成长，如有不正确的地方，请不要客气的留言指出！ 先看代码1：
原创
2022-06-20 17:15:04
345阅读
目录一，变量的概念（1），变量的概念：解释：二，变量的使用 1.申明变量（给盒子取名字） 2.赋值（把数据放入盒子之中） 3.变量的初始化三，变量的语法拓张 &n
转载
2023-07-22 12:20:34
44阅读
