vue
sxl不想学习
这个作者很懒,什么都没留下…
展开
-
jeecg低代码主从表打印
jeecg低代码主从表打印原创 2023-05-09 17:50:25 · 788 阅读 · 0 评论 -
需求:vue定时器随机显示冒泡
vue定时器随机显示冒泡原创 2023-03-17 09:26:45 · 133 阅读 · 0 评论 -
路由器的两种工作模式
路由器的两种工作模式:1.对于一个url来说,什么是hash值?——#及其后面的内容就是hash值。2.hash值不会包含在HTTP请求中,即:hash值不会带给服务器。3. hash模式:1)地址中永远带着#号,不美观。2)若以后将地址通过第三方手机app分享,若app校验严格,则地址会被标记为不合法。3)兼容性较好。4. history模式:1)地址干净,美观。2)兼容性和hash模式相比略差。3)应用部署上线时需要后端人员支持,解决刷新页面服务端404的问题。...原创 2022-05-06 19:31:42 · 1508 阅读 · 0 评论 -
关于Vue
vue.js 与vue.runtime.xxx.js的区别:(1).vue.js是完整版的Vue,包含:核心功能+模板解析器。(2).vue.runtihe.xxx.js是运行版的Vue,只包含:核心功能;没有模板解析器。因为vue.runtime.xxx.js没有模板解析器,所以不能使用template配置项,需要使用render函数接收到的createElement函数去指定具体内容。render函数写法:new Vue({ el: '#app', //el的第一种写法.原创 2022-04-21 10:40:32 · 1134 阅读 · 0 评论 -
vue组件(VueComponent)
关于VueComponent:xxx组件本质是一个名为VueComponent的构造函数,且不是程序员定义的,是Vue.extend生成的。我们只需要写或,Vue解析时会帮我们创建school组件的实例对象,即Vue帮我们执行的:new VueComponent(options)。特别注意:每次调用Vue.extend,返回的都是一个全新的VueComponent!!!!关于this指向:(1).组件配置中①data函数、methods中的函数、watch中的函数、computed中的函数 它原创 2022-04-19 19:14:10 · 248 阅读 · 0 评论 -
vue的生命周期
生命周期:1.又名:生命周期回调函数、生命周期函数、生命周期钩子。2.是什么:Vue在关键时刻帮我们调用的一些特殊名称的函数。3.生命周期函数的名字不可更改,但函数的具体内容是程序员根据需求编写的。4.生命周期函数中的this指向是vm或组件实例对象。生命周期钩子有:beforeCreate:此时,无法通过vm访问到data中的数据、methods中的方法。created:此时,可以通过vm访问到data中的数据、methods中配置的方法。(创建的是数据监测、数据代理)beforeMoun原创 2022-04-19 11:56:54 · 880 阅读 · 0 评论 -
v-model收集表单数据
收集表单数据:若:<input type="text"/>,则v-model收集的是value值,用户输入的就是value值。若:<input type="radio"/>,则v-model收集的是value值,且要给标签配置value值。若:<input type="checkbox"/>1).没有配置input的value属性,那么收集的就是checked(勾选 or 未勾选,是布尔值)2).配置input的value属性:(1)v-model的初始值是原创 2022-04-18 15:20:16 · 155 阅读 · 0 评论 -
Vue监视数据
Vue监视数据的原理:vue 会监视data中所有层次的数据。如何监测对象中的数据?通过setter实现监视,且要在new Vue时就传入要监测的数据。(1).对象中后追加的属性,Vue默认不做响应式处理(2).如需给后添加的属性做响应式,请使用如下API:Vue.set(target, propertyName/index, value) 或vm.$set(target, propertyName/index, value )如何监测数组中的数据?通过包裹数组更新元素的方法实现,本质就原创 2022-04-18 12:00:47 · 129 阅读 · 0 评论 -
vue中的key有什么作用(key的内部原理)
1.虚拟DOM中key的作用:key是虚拟DOM对象的标识,当数据发生变化时,Vue会根据[ 新数据]生成[新的虚拟DOM],随后Vue进行[新虚拟DOM]与[旧虚拟DOM]的差异比较,比较规则如下:对比规则:(1) .旧虚拟DOM中找到了与新虚拟DOM相同的key:①.若虚拟DOM中内容没变,直接使用之前的真实DOM!②.若虛拟DOM中内容变了,则生成新的真实DOM,随后替换掉页面中之前的真实DOM。(2).旧虚拟DOM中未找到与新虚拟DOM相同的key创建新的真实DOM,随后渲染到原创 2022-04-15 13:40:55 · 676 阅读 · 0 评论 -
MVVM模型
1.M:模型(Model) : data中的数据(一般的js代码)2.V:视图(View):模板代码(dom)3.VM:视图模型(ViewModel):Vue实例(vue)观察发现:1.data中所有的属性,最后都出现在了vm身上。2.vm身上所有的属性及 Vue原型上所有属性,在Vue模板中都可以直接使用。...原创 2022-04-14 18:22:04 · 716 阅读 · 0 评论 -
数据绑定的方式
Vue中有2种数据绑定的方式:1.单向绑定(v-bind):数据只能从data流向页面。2.双向绑定(v-model):数据不仅能从data流向页面,还可以从页面流向data。注意:1.双向绑定一般都应用在表单类元素上(如:input、select等);2.v-model:value可以简写为v-model,因为v-model默认收集的就是value值。...原创 2022-04-14 12:56:33 · 517 阅读 · 0 评论 -
Tab选项卡案例
在这里插入图片描述原创 2021-04-30 09:17:46 · 72 阅读 · 0 评论 -
分支循环结构
1.分支结构v-if v-else v-else-if v-show2.v-if与v-show的区别v-if控制元素是否渲染到页面v-show控制元素是否显示(已经渲染到了页面)3.循环结构v-for遍历数组v-for遍历对象v-if和v-for结合使用原创 2021-04-30 08:17:21 · 76 阅读 · 0 评论 -
样式绑定
1.class样式处理1)对象与语法2)数组语法2.style样式处理1)对象语法2)数组语法原创 2021-04-28 09:10:21 · 57 阅读 · 0 评论 -
属性绑定
1.vue如何动态处理属性?v-bind指令用法2.v-model的低层实现原理分析原创 2021-04-27 16:33:46 · 48 阅读 · 0 评论 -
vue事件绑定
1.按键修饰符.enter回车键.delete删除键原创 2021-04-23 16:58:16 · 59 阅读 · 0 评论 -
Vue的学习
1.vue:渐进式JavaScript框架声明渲染---->组件系统----->客户端路由----->集中状态管理----->项目构建2.Vue.js之HelloWorld细节分析1)实例参数分析el:元素的挂载位置(值可以是CSS选择器或者DOM元素)data:模型数据(值是一个对象)2)插值表达式用法a:将数据填充到HTML标签中b:插值表达式支持基本的计算操作3)Vue代码运行原理分析概述编译过程的概念(Vue语法—>原生语法)3.Vue模板语法原创 2021-04-20 17:05:48 · 68 阅读 · 0 评论