<!DOCTYPE html><html lang="zh-CN"><head> <title></title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi...
原创 2022-04-24 00:23:58
1072阅读
1点赞
<!DOCTYPE html><html lang="zh-CN"><head> <title></title> eta name="viewport" content="width=device-wi...
原创 2021-07-28 11:10:49
2002阅读
示例代码如下: <ul id='books'> <li v-for='item in books'>{{item}}</li> </ul> <script> const app = new Vue({ el: '#books', // 挂载元素 data: { books: ['水浒传', '红楼梦
示例代码如下 1.{{}} <div id="app">{{a + b}}</div> 2.v-once <span v-once>{{message}}</span> 3.v-html 以html格式解析数据 <span v-html="url"></span> 4.v-text <span v-
Vue 不能检测以下数组的变动:1、当你利用索引直接设置一个数组项时2、
原创 2022-03-01 10:15:27
1523阅读
Vue 不能检测以下数组的变动:1、当你利用索引直接设置一个数组项时2、当你修改数组的长度时3、对象属性的添加或删除来源: https://cn.vuejs.org/v2/guide/list.html代码引入vue<script src="https://cdn.jsdelivr.net/npm/vue@2.6.0"></script>通过索引赋值,...
Vue
原创 2021-07-12 10:20:59
1115阅读
一,Content-Type首先要明确的一点是,我们在项目中调用接口,通常是以对象的数据格式传给自己封装的http请求函数的。1,application/json现在的前后端分离项目基本上都是使用的这个进行数据传递。 axios默认Content-type是采用application/json;charset=UTF-8,无需设置直接把对象传进去即可 当然,也可以在请求拦截器中转化成json后再发
转载 2023-08-31 19:32:12
169阅读
一、前端渲染访问网页时,先请求到 html 内容,并渲染出来。然后根据需要发送 ajax 请求获取后台返回的数据来更新页面。浏览器中显示的网页中的大部分内容,都是由前端写的 js 代码在浏览器中执行,最终渲染出来的网页。后端返回json数据后,前端预先写好html模板,循环读取json数据,字符串拼接,并插入页面中。(注:使用es6的模板字符串拼接能够减少拼接字符串的时间)首先、简单的介绍一下什么
转载 2023-07-18 15:45:42
138阅读
前言在 Vue 核心中除了响应式原理外,视图渲染也是重中之重。我们都知道每次更新数据,都会走视图渲染的逻辑,而这当中牵扯的逻辑也是十分繁琐。本文主要解析的是初始化视图渲染流程,你将会了解到从挂载组件开始,Vue 是如何构建 VNode,又是如何将 VNode 转为真实节点并挂载到页面。挂载组件($mount)Vue 是一个构造函
转载 2023-10-14 07:12:09
195阅读
关于服务器端渲染方案,之前只接触了基于react的Next.js,最近业务开发vue用的比较多,所以调研了一下vue的服务器端渲染方案。本文着重介绍两种渲染方案。 作者:京东零售 姜欣关于服务器端渲染方案,之前只接触了基于react的Next.js,最近业务开发vue用的比较多,所以调研了一下vue的服务器端渲染方案。 首先:长文预警,下文包括了两种方案的实
转载 2023-06-08 17:04:35
725阅读
数据渲染基本数据渲染{{}} 内容可以为表达式,可以进行简单的逻辑运算条件渲染v-if=''::可以为布尔类型 表达式 根据条件判断,控制当前的节点是否显示到页面中,符合条件,如果不符合条件,不显示,不会被挂载在dom树上v-else: 前一兄弟元素必须有 v-if 或 v-else-ifv-show:判断当前的条件是否成立,成立则显示在页面上,不成立则增加display:none,依旧会挂载在d
文章目录vue服务端渲染(基础)Nuxt框架文件目录结构项目启动、打包生命周期SSRnuxtserverInitmiddleware 中间件全局中间件页面级中间件validate 校验参数asynData校验参数fetch校验参数SSR,CSRbeforeCreate,created即跑在服务端也跑在客户端CSR nuxt官方文档: https://www.nuxtjs.cn/guide vu
记一次vue数据请求,数据渲染实例安装配置环境就不细说了,各位看官请移步至百度我们由搭建vue脚手架开始讲解,引用网上的一篇博文,写的很详细vue脚手架搭建搭建详细教程 我这里使用的是Windows下Cmd安装初始化模板,在HBuilderX运行和编辑项目搭建完成之后我们需要安装初始化环境,安装请求需要的插件(目录结构)教程源码点击下载//初始化(要在项目目录下运行,需耐心等待...) npm i
1. import JsonViewer from 'vue-json-viewer' 只可以读: 案例: <div style=" width: 1000px; margin: auto; margin-top: 35px;"> <json-viewer v-model="form.headers
原创 2022-09-20 12:03:01
833阅读
备注:vue.3.0的生命周期与渲染等机制有变化,这里仅是适用vue2.0一、vue2.0生命周期beforeCreate(创建前)、created(创建后) beforeMount(载入前)、mounted(载入后) beforeUpdate(更新前)、updated(更新后) beforeDestroy(销毁前)、destroyed(销毁后)二、问题: 1.vue第一次页面加载会触发四个钩子函
转载 2024-02-28 08:33:12
200阅读
一、条件渲染1、v-if 和v-else    条件渲染就是,通过改变条件来决定一些东西是否出现在页面中。如v-if和v-else,此要成对出现,且放在同级别标签中。如下例子,当v-if为true时,页面显示hello world 。当v-if为false时,则显示   你好 世界。<p v-if="isShow">hello world<
转载 2024-03-19 08:46:14
253阅读
# 使用 JavaScript 渲染 JSON 数据至前端 在现代Web开发中,前后端分离的架构模式越来越流行。作为沟通前端和后端的重要数据格式,JSON(JavaScript Object Notation)在这种架构中扮演了至关重要的角色。本文将探讨如何使用JavaScript将JSON数据渲染到前端,并提供示例代码以帮助理解。 ## 什么是 JSONJSON是一种轻量级的数据交换格
原创 7月前
148阅读
个人github仓库地址:https:github.com/aehyok本文讲解代码仓库地址 :https:github.com/aehyok/vue-… 目前基于dev分支进行开发和测试本demo已部署腾讯云 vue.tuokecat.com(服务器配置较低,如有访问比较慢,请耐心等待)table封装路径为根路径下的 vue-qiankun/common/components/form/form
转载 2023-10-26 05:22:45
105阅读
项目中有有一个地区接口,服务器原因请求速度很慢很慢,于是考虑将地区接口的数据设置为本地的json文件。大大提升请求速度一、首先创建一个json文件,将数据放进去,一定要确保格式正确我的是这样的,把json文件放在static文件夹下,(放到static文件夹下)二、像使用axios一样去调用json文件三,调用json文件如下操作,其中注意我用的是/绝对路径,不用写什么localhost,最后部署
转载 2023-06-11 19:38:10
423阅读
在更新数据代码后面写上this.$forceUpdate();或者用watch监听sukList是你data中的数据字段监听到数据更新 重新赋值watch: { sukList(newVaule,oddVaule){ this.sukList=newVaule } }...
原创 2022-01-10 13:58:57
1927阅读
  • 1
  • 2
  • 3
  • 4
  • 5