Vue.$nextTick(callback)，当dom发生变化更新后执行的回调。$nextTick是tion (...
原创
2022-07-19 20:31:49
168阅读
vue.$set方法 由于javaScript的限制，vue不能检测到对象属性的添加或删除 这样只能新增属性，但是并不会触发视图更新，所以属性必须是在data对象上才能让vue.js转换它，才能让他是响应式的 可以使用this.$set(this.data, "key" , "val") 方法，既可 ...
转载
2021-10-21 14:45:00
560阅读
2评论
一、vue的介绍1.框架： 别人写好的一个函数库，使用时要按照定好的（模式）格式去写，即别人定义的一个架子，你在不同地方填入不同内容就行2.vue是个框架，比起jquery框架更有高度，jquery仅仅只是一个函数库 3.vue写代码时和以前的写法都不一样，这才是框架 4.vue是华人尤雨溪开发的，是前google的员工5.vue特点： 响应式 数据驱动（使用了数据劫持和观察者模式） 组件化 vu
转载
2024-04-08 19:39:43
78阅读
我们知道vue项目中可以使用.vue文件，也可写template模版字符串，高级点还可以直接手写render函数。那么vue中是如何将template模版编译并且渲染成dom的呢？
写在前面为了更直观的去学习vue模版编译的过程，这篇文章主要是以编译的主要流程为出发点，没有具体的扣一些细节。由于解析的过程比较复杂，文章省略掉一些指令、事件...的解析过程
转载
2024-09-10 16:32:28
36阅读
Vue模版编译原理 1，将模板字符串转换成 elment ASTs (解析器) 2，对AST进行静态标注，即不需要修改的地方标注出来，后面的虚拟Dom对比时便会忽略这个，提升新能 3，将AST生成render函数 Vue事件绑定原理 原生时间是通过addEventListener来绑定的 vue是通 ...
转载
2021-09-06 18:39:00
226阅读
2评论
在开发过程中，我们时常会遇到这样一种情况：当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的
原创
2023-05-19 15:27:23
94阅读
本文的初衷是想让更多的同学知道并了解vue模版编译，所以文中主要以阶段流程为主，不会涉及过多的底层代码逻辑，请耐心观看。
原创
2022-03-03 09:56:47
143阅读
在开发过程中，我们时常会遇到这样一种情况：当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.d
转载
2021-03-27 09:10:04
305阅读
2评论
一、插值语法 功能：解析标签体内容 写法：{{xxx }}，xxx可获得值，数据在实例化 Vue data属性中 二、指令语法 功能：解析标签(标签属性、标签内容、绑定时间) 写法：v-bind:标签属性，绑定标签属性，可以简写成 :标签属性 案例 <!DOCTYPE html> <html lan
根据我上一篇博客用idea从0开始建立vue项目建立好vue项目后，可以看到基础的页面结构如下：红色箭头是项目初始化时存在的，components里的HelloWorld.vue、layout.vue是我后期自己加的。一、基础架构拿到这个页面我们一定要清楚一个逻辑、页面的用户一定是index.js，我们这个项目的逻辑顺序是：index.html——>main.js——>App.vuei
转载
2024-07-11 09:02:12
66阅读
1、创建SecurityUser类，需要实现UserDetails接口import lombok.Data;
import lombok.EqualsAndHashCode;
import org.springframework.security.core.GrantedAuthority;
import org.springframework.security.core.userdetails.
一、UI组件及框架 element - 饿了么出品的Vue2的web UI工具套件mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material - 通过Vue Material和Vue 2建立精美的app应用muse-ui - 三端样式一致的响应式 UI 库vuetify - 为移动而生的Vu
一、内存泄漏 1、指令绑定了事件，却没有解绑事件，容易产生内存泄漏。（曾经遇到过的案例） 2、v-if指令产生内存泄漏，比如v-if删除了父级元素，却没有删除父级元素里的dom片段 3、跳转到别的路由，却没有删除产生的dom片段。需要在beforeDestroy()钩子里注销三方插件，销毁定时器等
转载
2019-09-09 22:22:00
153阅读
2评论
get
转载
2022-08-10 09:39:25
27阅读
文章目录一、创建一个Vue应用1.1. 应用实例1.2. 根组件1.3. 挂载应用1.3.1. DOM中的根组件模板1.4. 应用配置1.5. 多个应用实例二、模板语法2.1. 文本插值2.2. 原始HTML2.3. Attribute绑定2.3.1. 简写2.3.2. 布尔型 Attribute2.3.3. 动态绑定多个值2.4. 使用JavaScript表达式2.4.1. 仅支持表达式2.4
转载
2024-06-13 21:49:56
62阅读
JavaWEB笔记18 Vue组件 文章目录JavaWEB笔记18 Vue组件一.组件的介绍：二.父组件与子组件之间的数据互传：三.兄弟组件之间传数据： 一.组件的介绍：组件：组件式开发：把页面中每一块看成一个单独的某个部分，用户自己进行组装组件化思想：标准，分治，重用，组合Vue在设计时实现了部分的组件式开发定义组件：全局组件和局部组件：定义一个全局组件：Vue.component('命名',{
转载
2024-07-10 20:56:03
42阅读
目录1、使用Vue的基本流程(1)引入Vue库(2)创建视图(view)(3)创建模型(Model)(4)创建vue实例，将model挂载到View---实现ViewModel2、模板作用：帮助用户通过数据来驱动视图的渲染3、模板插值：(1)使用"{{ }}"运算将模型中的数据插入到视图中(2)插入标签：使用v-html指令(3)插入文本：使用v-text指令4、条件渲染(1)v-if：(2)v-
转载
2024-07-01 07:00:51
92阅读
最近有点忙，更新慢了，今天随机解读一个小游戏的新特性。相信不少同学已经收到小游戏“订阅消息能力”的内测邀请了，这个能力简而言之就是：让小游戏能给用户发服务通知。整个部署过程很简单，但实现的效果却是很重要，未来可以实现诸如“排名下降提醒”、“体力恢复提醒”、“活动开启通知”、“任务完成提醒”等一系列有助于回流的功能，显然能为小游戏提高留存。所以花叔专门做了一个技术demo，研究了它的具体用法，完整的
Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。6.1插值var obj = {
msg: 'Hello Vue.js',
rawHtml: '<span style="color: red">This should be red.</span>'
}
new Vue({
el: '#app',
data
template => ast => codegen得到上述字符串 => new Function(render) + with语句生成真正的render方法来执行
原创
2021-11-26 14:46:50
169阅读
