基本概念介绍:vue实例方法:vm.$set、vm.$del、vm.$nextTick等,挂在Vue.prototype上的方法。全局API: Vue.directive、Vue.filter、Vue.component等,挂在Vue构造函数上的方法。本章从源码角度分析,Vue.js是如何实现这些功能的一、Vue实例方法的实现:Vue构造函数源码:import { initMixin } from
转载 2024-10-10 14:12:33
79阅读
前一段时间完成了一个项目,该项目要求黑夜和白天两种主题色,可以动态的切换。经过多方的查找研究,终于完成。谨以此文在此记录一下。此方案涉及Sass的map遍历、函数定义、map存取、混合器等相关知识,具体API详参官网https://www.sass.hk/docs/。大概的思路就是给html根标签设置一个data-theme属性,通过js切换data-theme的属性值,sass根据此属性来判断使
转载 2024-10-10 09:08:06
205阅读
LESS基础语法 我们一起来学习一下LESS的基础语法,LESS的基础语法基本上分为以下几个方面:变量、混合(Mixins)、嵌套规则、运算、函数、作用域等。这些基础语法需要我们先牢牢的掌握住,然后才可以灵活的在项目中进行实战。 变量 和JS中的变量一样,只是LESS的变量定义不是使用VAR而是使用
转载 2017-11-01 10:51:00
222阅读
2评论
目录在 css 自定义变量的功能以及出来许久了,但实际开发中大家使用并不多。归其原因是因为 less、sass 等预处理器已经拥有定义变量的功能,以及Vue、react很方便设置 style 样式,大家可能觉得使用 css 定义变量不方便且没必要。实则不然举个最直观的栗子:“如何使用 vue 设置伪类伪元素的样式”。这是个世纪难题,大部分人可能会通过修改类名的方式解决,可如果要修改的样式多,或者我
注意,这里只是实现思路的还原,对于里面各种细节的实现,比如说数组里面数据的操作的监听,以及对象嵌套这些细节本实例都不会涉及到,如果想了解更加细节的实现,可以通过阅读源码 observer文件夹以及instance文件夹里面的state文件具体了解。首先,我们先定义好实现vue对象的结构 class Vue { constructor(options) {
转载 2023-10-20 12:58:15
111阅读
现实背景:很多时候我们会在全局调用一些方法。  实现方式两种:官网的实现use方法,然后你也可以野路子直接在Vue.prototype上面定义。  先说野路子,因为其实野路子就是最根本的实现方式,官方的use实现也是一样的,只是use很好的封装了。 /* *main.js中实例Vue时添加方法 */ import Vue from 'vue'; //这样以后你就可以在该项目下的其他组件中使
编辑文章时所使用vue版本。
原创 2024-09-07 15:17:52
842阅读
# Vue2 中使用 Axios 的完整方案 在现代前端开发中,数据的获取与展示是非常关键的一环。在 Vue 2 中,`axios` 是一个非常流行的 HTTP 客户端,用于发起 AJAX 请求,获取远程资源。本文将通过一个具体的示例,展示如何在 Vue 2 中使用 `axios`。 ## 1. 项目初始化 首先,我们需要创建一个 Vue 2 项目。如果你还没有安装 Vue CLI,可以通过
原创 10月前
35阅读
//引入依赖模块 var path = require( 'path' ) var config = require( '../config' ) // 获取配置
转载 2024-07-23 08:43:09
121阅读
前言首先,我们来回忆一下「CSS 作用域」这一概念,它的本质是通过让每一个选择器成为一个「unique」的存在,这样就自然而然地形成了作用域。而提到「Vue」中「作用域 CSS」,我想大家应该立即想到以 scoped 的方式形成的带有作用域的 css。但是,值得一提的是,在「Vue」中还支持了一种「作用域 CSS」,即「CSS Module」。提及 「CSS Module」,想必大家会有点陌生,相
vue指令Vue组件的组成: 一个组件就是一个XXX.vue文件<template></template>// 模板只能有一个根标签(节点)<template> <div>所有的内容都写在这里面</div> </template><script></script> //业务逻辑 export defau
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录,可能会过期,使用 npm login 进行登录就可以 pu
原创 2021-07-23 11:32:15
393阅读
eslint用于代码检查,prettier用于代码格式化,具体操作如下1.安装以下eslint插件 安装以下eslint插件,并增加.eslintrc.js配置文件,.eslintignore配置忽略检查的文件(1)eslint 用于检查和标示出ECMAScript/JavaScript代码规范问题工具。 (2)@babel/eslint-parser 简而言之就是一个解析器,允许您使用ES
转载 2024-05-29 12:57:59
283阅读
main.js App.vue action.js getters.js index.js mutation.js types.js
转载 2017-06-24 05:50:00
220阅读
vue2
原创 2021-08-01 18:40:40
412阅读
最近项目开发中遇到需要用到ie浏览器的情况,因为是内网开发,大致记录下兼容过程。问题1:ie11浏览器页面无法加载首先遇到的问题是谷歌浏览器运行无问题,控制台也不报错,但是ie11浏览器就打不开,控制台报错----显示语法错误:,了解后发现ie浏览器不支持es6,可以通过core-js/stable及regenerator-runtime/runtime编译,vue cli官方推荐使用,main.
转载 2024-04-03 14:52:36
210阅读
使用beforeRouteUpdate和beforeRouteLeave解决路由前置钩子需要与实例通信的问题前景提要近期项目有个需求:为了增加用户粘性,增加菜单要可配置成需要登陆后才允许访问的功能。最初的想法:在路由前置钩子中,判断目标路由是否需要登陆,不需要就直接跳转,否则弹出登录对话框。然后问题来了:当初写登录的时候,没有写成一个组件,仅仅是常驻组件header中的一个对话框,通过一个布尔lo
Vue2学习(三):Vue2.js基础一、了解什么是VueVue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。二、Vue的787
Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了,本文从列举了36个Vue2.x 开发技巧。require.context()场景:如页面需要导入多个组件,原始写法:import titleCom from '@/components/home/titleCom' import bannerCom from '@/components/home/bannerCom' import c
vue入门下载安装node环境安装网址:https://nodejs.org/en/检查安装,输出版本号则安装成功 为了提高效率,可以使用淘宝镜像npm install -g cnpm -registry=https://registry.npm.taobao.org,输入即可安装npm 镜像 ,以后用到npm的地方就可以cnpm来代替,搭建vue项目环境全局安装vue-clinpm
  • 1
  • 2
  • 3
  • 4
  • 5