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...


阅读全文>>


    19.88ms