<!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阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            <!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: ['水浒传', '红楼梦            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-09-07 17:40:20
                            
                                624阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            示例代码如下 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-            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-09-07 17:38:28
                            
                                205阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            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>通过索引赋值,...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            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            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-24 09:20:42
                            
                                75阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            记一次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数据渲染到前端,并提供示例代码以帮助理解。
## 什么是 JSON?
JSON是一种轻量级的数据交换格            
                
         
            
            
            
            个人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阅读