UI
文章平均质量分 61
学习记录,及经验总结
ynchyong
本人男,bb程序员
展开
-
methods ,计算属性 computed 和 watch 的区别
methods ,计算属性 computed 和 watch 的区别1. methods执行n次,运行n次2. computed当页面中有某些数据依赖其他数据进行变动的时候,可以使用计算属性计算属性 computed 是基于data中数据进行处理的,data数据变化,他也跟着变化当data中数据没有发生改变时,我们调用computed中函数n次,只会进行缓存(执行一次)3. watchwatch:类似于监听机制+事件机制。数据变化时执行异步或开销较大的操作,可以随时修改状态的变化watc原创 2021-04-10 07:01:49 · 204 阅读 · 0 评论 -
vue 基础
文章目录Vue 基础1. 语法1.1 bind文本绑定v-bind表单控件绑定其他1.2. 指令1.3. data 属性1.4 props1.5 computed 计算属性1.6 watch 侦听属性2. 组件2.1 组件名称:2.2 props2.2.1 $emit2.3 ref3. 事件Vue 基础参考Vue 构建用户界面的渐进式框架。Vue 被设计为可以自底向上逐层应用.基于 HTML 的模板语法,声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 H原创 2021-04-10 07:00:32 · 126 阅读 · 0 评论 -
Vue data()、props及ref
1.props 与data() 区别1.1. props将数据从父组件传递到子组件的方式当我们从组件内部访问props时,组件并不拥有它们,不能更改它们虽可以更改组件中的属性,但这是一个非常糟糕的主意。Vue 会发出警告 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders.。1.2. data()每个组件的原创 2021-04-10 06:55:45 · 713 阅读 · 0 评论 -
vue 组件通讯
user.vue<template> <view> <div class="hello"> <p>{{subTitle}}</p> <ul> <li v-for="user in users" @click="choose(user)">{{user}}</li><!-- //遍历传递过来的值,然后呈现到页面 --> </ul>原创 2020-12-30 14:59:42 · 93 阅读 · 0 评论 -
Beetl 模板
配置项 #默认配置: ##- 配置引擎实现类,默认即可. ENGINE=org.beetl.core.engine.FastRuntimeEngine ##- 指定了占位符号,默认是${ },也可以指定为其他占位符。 DELIMITER_PLACEHOLDER_START=${ DELIMITER_PLACEHOLDER_END=} ##- 指定了语句的定界符号,默认是<% %>,也可以指定为其他定界符号 DELIMITER_STAT.原创 2020-11-20 12:04:46 · 1895 阅读 · 0 评论 -
layui 穿梭框
layui 穿梭框直接代码直接代码Java类 属性 nteger id; String name; String status; boolean checked;layui 穿梭框 js (从后台获得列表后展示)var checkeds=[]; for(var i=0;i<res.data.length;i++){ if(res.data[i].checked){checkeds.pu原创 2020-11-17 15:23:35 · 598 阅读 · 0 评论 -
YUI Compressor Maven Plugin
压缩 maven 项目中的JS 与css原创 2020-11-12 17:23:37 · 539 阅读 · 1 评论 -
layui 弹出层
ayui 弹出层原创 2020-11-06 10:53:01 · 357 阅读 · 0 评论