Vue 变异方法splice删除评论功能
作者: thtomatic 分类: Vue 评论: [ 0 ] 条 浏览: [ 1035 ] 次
代码:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="vue.js"></script> <title id="title">{{title}}<...
Vue 变异方法unshift&pop&shift
作者: thtomatic 分类: Vue 评论: [ 0 ] 条 浏览: [ 2150 ] 次
代码:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="vue.js"></script> <title id="title">{{title}}<...
Vue 变异方法Push的留言板实例
作者: thtomatic 分类: Vue 评论: [ 0 ] 条 浏览: [ 682 ] 次
代码:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script> ...
Vue v-for操作与computed结合功能
作者: thtomatic 分类: Vue 评论: [ 0 ] 条 浏览: [ 1625 ] 次
演示代码:
<!doctype html> <html lang="en"> <head id="head"> <meta charset="UTF-8"> <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></sc...
Vue v-for操作对象与数值
作者: thtomatic 分类: Vue 评论: [ 0 ] 条 浏览: [ 731 ] 次
代码:
<!doctype html> <html lang="en"> <head id="head"> <meta charset="UTF-8"> <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></scri...
Vue v-for使用 vue中循环输出数据
作者: thtomatic 分类: Vue 评论: [ 0 ] 条 浏览: [ 749 ] 次
v-for的使用:
代码:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue.js v-for的使用 </title> <script src="https://c...
vue v-show的使用
作者: thtomatic 分类: Vue 评论: [ 0 ] 条 浏览: [ 1131 ] 次
v-show的功能和v-if基本一样,但是v-if有衍生的v-else-if和v-else,v-show没有
v-show的性能比v-if要好,能用v-show就不要用v-if
v-if是删除dom节点
v-show是不删除dom节点,增加行级样式'display:none'
代码:
<!doctype html> <html lan...
vue 使用key唯一令牌解决表单值混乱
作者: thtomatic 分类: Vue 评论: [ 0 ] 条 浏览: [ 880 ] 次
vue在渲染元素时,出于效率考虑,会尽可能地复用已有元素的而非重新渲染,如果你不希望这样可以使用Vue中提供的key属性,它可以让你决定是否要复用元素,key值必须是唯一的
代码:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> ...
Vue v-if,v-else-if,v-else的使用
作者: thtomatic 分类: Vue 评论: [ 0 ] 条 浏览: [ 1361 ] 次
v-else-if 要紧跟 v-if
v-else要紧跟v-else-if 或 v-if
代码:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue.js v-if语法使用 </ti...
vue 多种方式控制style属性
作者: thtomatic 分类: Vue 评论: [ 0 ] 条 浏览: [ 1099 ] 次
一共用到了两种方式:
第一种:对象
第二种:数组
看代码:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue.js 多种方式控制class属性 </title> <script...