vue中有很多的指令像v-on、v-model、v-bind等是我们开发中常用的 常用指令 v-bind 单向绑定解析表达式 v-model 双向数据绑定 v-for 遍历数组/对象/字符串 v-on 绑定事件监听,可简写为@ v-show 条件渲染(动态控制节点是否存展示) v-if 条件渲染(动态控制节点是否存存在) v-else 条件渲染(动态控制节点是否存存在) 不常用指令
最新在写项目的时候遇到了一个在a域名设置cookie,b域名要用这个cookie去访问的问题,如何让二级域名共享cookie呢? 现在有两个二级域名a.jb.com、b.jb.com,都在一级域名:www.jb.com下 在a.jb.com域名下的项目里设置cookie 1、方法一:直接用dom设置 document.cookie='Token'+ "=" + this.t
一、html引入编辑器 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文本编辑器</title> <meta name="viewport" conte
我们在写v-for的时候都会绑定一个key值,这个key在vue中有什么作用呢,不写可以吗? 目标 1 key有什么作用 2 如何不写key会产生什么影响 3 key使用原理 key的作用 可以看vue2官网上给的解释,“给vue一个提示,以便跟踪每个节点的身份”,这样听着很模棱两可,到底是什么作用呢? key值其实在页面没有状态变化时,没有任何作用,只是绑定在控件上,但是当我们对页面数据进
class与style绑定 vue学习还是建议多扒扒官方的文档,里面很多是我们敲代码学习一些技巧和用法。 class样式绑定 字符串 常用于类名不确定,要动态获取 <!-- active样式是否存在取决于 isActive 是否为true --> <div v-bind:class="active"></div> data: { act
1 计算属性 计算属性:要用的属性不存在,需要通过已有的属性计算得来 底层原理:底层借助了Object.defineProperty提供的getter和setter方法 优势:与methods相比,有缓存机制,效率更高,更方便 getter data:{ firstName:'张', lastName:'三' },
开端 最近在恶补vue底层和高级用法相关的知识,找的视频跟着老师学习,本篇文章主要是记录在学习过程中都学习到了哪些内容,理清一下自己的思路。 1 mixins混入 混入(mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。 类似于<script>中的内
其实JSON.stringify本身就可以将JSON格式化,具体的用法是: JSON.stringify(res, null, 2); //res是要JSON化的对象,2是spacing 如果想要效果更好看,还要加上格式化的代码和样式: js代码: function syntaxHighlight(json) { if (typeof json != 'string') {
在实际的工作中,我常使用vue的用法去实现效果,但是你要是问我为什么这样写,它的原理是啥就答不上来了。对vue的认知一直停留在表面,写这篇文章主要是为了理清并弄透彻vue的原理。 学习目标 1 学会一些基本用法的原理 2 弄懂vue核心设计原理 3 掌握vue高级api的用法 一 vue2 1 el与data的写法、v-bind与v-model 1.1 el与data的两种写法 1.1.1 创
一直在用VueX但是对他的底层逻辑一知半解,因此想写这篇文章理清一下思路。主要了解和解决的问题: 1、VueX到底是干啥用的,解决了什么问题? 2、VueX在实际开发中怎么用? 3、VueX源码中到底是如何实现数据响应式的,以及ctions、getters、mutations如何实现数据修改? 本文章主要梳理的是Vuex底层是如何实现的,理解、读懂vuex的实现机制。本文以VueX4版本为例。 一
前言 在实际的开发中,经常会用到vue-devtools插件去快速的的打开组件的源码,但是对它的实现逻辑不是很清楚。官网给出的定义是:Vue Devtools 是 Vue 官方发布的调试浏览器插件,可以安装在 Chrome 和 Firefox 等浏览器上,直接内嵌在开发者工具中,使用体验流畅。 目前该插件有两个版本,支持Vue3的Beta版本,和支持Vue2的版本。 学习目标: 1 如何调试源
1、深拷贝与浅拷贝 1.1 什么是深拷贝与浅拷贝 在了解深浅拷贝之前我们需要了解一下都有哪些数据类型 js中数据类型主要分为两大类:基本数据类型与引用数据类型 基本数据类型(值类型):字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol 引用数据类型:对象(Object)、数组(Array)、函数(Function)
在实际的开发中老是会遇到uniapp运行的模拟器找不到模拟器的情况,时而出现时而消失的,很是头疼。 目标 解决uniapp无法检索到模拟器的问题 1、安装夜神模拟器 官网下载地址 安装包 2、检索不到设备 3 解决方法 找到uniapp中的ADB路径设置窗口 adb路径为夜神模拟器安装路径 设置adb端口62001 在夜神模拟器的adb目录执行命令:==adb connect 127.0.
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号