VUE
7TribeZ
我最缺的就是时间
展开
-
node.js 以前版本的安装包地址
Previous Releases | Node.js原创 2021-12-23 23:32:56 · 569 阅读 · 0 评论 -
8.vue 内联样式(实现侧边栏)
绑定内联样式对象语法v-bind:style的对象语法十分直观——看着非常像 CSS,但其实是一个 JavaScript 对象。CSS property 名可以用驼峰式 (camelCase) 或短横线分隔 (kebab-case,记得用引号括起来) 来命名:<div v-bind:style="{ color: activeColor, fontSize: fontSize + 'px' }"></div>data: { activeColor: 'red.原创 2020-09-02 11:55:10 · 704 阅读 · 0 评论 -
7.vue 侦听器和(Class 与 Style 绑定)
计算属性 vs 侦听属性Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动:侦听属性。当你有一些数据需要随着其它数据变动而变动时,你很容易滥用watch——特别是如果你之前使用过 AngularJS。然而,通常更好的做法是使用计算属性而不是命令式的watch回调。细想一下这个例子:<div id="demo">{{ fullName }}</div>var vm = new Vue({ el: '#demo', data: { ...原创 2020-09-02 10:38:11 · 1068 阅读 · 0 评论 -
6.vue 计算属性
计算属性计算属性模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如:<div id="example"> {{ message.split('').reverse().join('') }}</div>在这个地方,模板不再是简单的声明式逻辑。你必须看一段时间才能意识到,这里是想要显示变量message的翻转字符串。当你想要在模板中多包含此处的翻转字符串时,就会更加难以处理。所以,对于任何...原创 2020-09-02 09:14:08 · 134 阅读 · 0 评论 -
5.vue 模板语法
模板语法Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML,所以能被遵循规范的浏览器和 HTML 解析器解析。在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。如果你熟悉虚拟 DOM 并且偏爱 JavaScript 的原始力量,你也可以不用模板,直接写渲染 (render) 函数,使用可原创 2020-09-01 22:39:06 · 136 阅读 · 0 评论 -
4.vue 列表渲染
1.用v-for渲染列表我们可以用v-for指令基于一个数组来渲染一个列表。v-for指令需要使用item in items形式的特殊语法,其中items是源数据数组,而item则是被迭代的数组元素的别名。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/v...原创 2020-09-01 16:45:56 · 229 阅读 · 0 评论 -
3.vue tab切换
<!-- 使用v-if或v-show实现三个按钮跳转链接三个页面:首页,新闻业,列表页 --><!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> &.原创 2020-09-01 15:11:15 · 716 阅读 · 0 评论 -
2.vue条件渲染
1.v-ifv-if指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。也可以用v-else添加一个“else 块”:v-else-if,顾名思义,充当v-if的“else-if 块”,可以连续使用:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <sc...原创 2020-09-01 10:14:03 · 139 阅读 · 0 评论 -
1.vue初识
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <!--...原创 2020-09-01 09:08:37 · 137 阅读 · 0 评论