1、Vuejs的特点

Vue是一个渐进式的框架,渐进式意味着你可以将Vue作为你应用的一部分嵌入其中,带来更丰富的交互体验。或者如果你希望将更多的业务逻辑使用Vue实现,那么Vue的核心库以及其生态系统,比如Core+Vue-route+Vuex,也可以满足你各种各样的需求。

Vuejs有以下特点:

1、解耦视图和数据
2、可复用的组件
3、前端路由技术
4、状态管理
5、虚拟DOM

2、Vuejs的安装

方式一:直接CDN引入

你可以选择引入开发环境版本还是生产环境版本

<!--开发环境版本,包含了有帮助的命令行警告-->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!--生产环境版本,优化了尺寸和速度-->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

方式二:下载和引入

开发环境 https://vuejs.org/js/vue.js
生产环境 https://vuejs.org/js/vue.min.js

方式三:NPM安装

后续使用webpack和CLI脚手架的时候会使用该方法

3、Vuejs的MVVM

MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化,让我们将视图 UI 和业务逻辑分开。
详细请看以下链接阐述
链接: https://blog.csdn.net/youlingxx/article/details/79361979.

Alt
ViewModel是Vuejs的核心,它是一个Vue实例。Vue实例是作用于某一个HTML元素上的,这个元素可以是HTML的body元素,也可以是指定了id的某个元素。

首先,我们将上图中的DOM Listeners和Data Bindings看作两个工具,它们是实现双向绑定的关键。
从View侧看,ViewModel中的DOM Listeners工具会帮我们监测页面上DOM元素的变化,如果有变化,则更改Model中的数据;
从Model侧看,当我们更新Model中的数据时,Data Bindings工具会帮我们更新页面中的DOM元素。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <h1>{{message}}</h1>
    <h2>{{name}}</h2>
</div>

<script src="../js/vue.js"></script>
<script>
    const app = new Vue({
        el: '#app',  //用于挂载要管理的元素
        data: {  //定义数据
            message: '你好啊!Vue',
            name: 'Vue'
        }
    })
</script>
</body>
</html>

其中,data中的数据可以作为model,被管理的div作为view,被创建的app这个Vue实例就是ViewModel,用于连接View和Model。

4、Vue的生命周期

生命周期:事物从诞生到消亡的整个过程。

Vue的生命周期: vue每个组件都是独立的,每个组件都有一个属于它的生命周期,从一个组件创建、数据初始化、挂载、更新、销毁,这就是一个组件所谓的生命周期。

vue的生命周期里边有八个生命周期钩子函数分别是:

beforeCreat() 创建前
created()创建
beforeMount()挂载前
mounted()挂载
beforeupdate()更改前
updated()更改
beforeDestroy()销毁前
destroyed()销毁

在这里插入图片描述

5、Vuejs插值操作的其他指令使用

v-for

作用:循环对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <ul>
        <li v-for="item in movies">{{item}}</li>
    </ul>
</div>
<script src="../js/vue.js"></script>
<script>
    const app = new Vue({
        el: '#app',
        data: {
            movies: ['星际穿越','大话西游','唐人街探案3']
        }
    })
</script>
</body>
</html>

结果:
在这里插入图片描述

v-once

作用:表示元素和组件只渲染一次,不会随着数据的改变而改变

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<div id="app">
  <h2>{{message}}</h2>
  <h2 v-once>{{message}}</h2>  <!--使用一次,不会因为数据的改变而改变-->
</div>

<script src="../js/vue.js"></script>
<script>
  const app = new Vue({
    el: '#app',
    data: {
      message: '你好啊',
    }
  })
</script>
</body>
</html>

结果:
在这里插入图片描述

v-html

作用:将String里面的html解析出来并且进行渲染

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<div id="app">
  <h1>{{url}}</h1>
  <h1 v-html="url"></h1>
</div>

<script src="../js/vue.js"></script>
<script>
  const app = new Vue({
    el: '#app',
    data: {
      message: '你好啊',
      url: '<a href="https://csdn.net">CSDN</a>'
    }
  })
</script>
</body>
</html>

结果:
在这里插入图片描述

v-text

作用:将数据显示在界面上,通常只接受一个String类型,使用不灵活

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<div id="app">
  <h2 v-text="message">,Vue</h2>
</div>
<script src="../js/vue.js"></script>
<script>
  const app = new Vue({
    el: '#app',
    data: {
      message: '你好啊',
    }
  })
</script>
</body>
</html>

结果:
在这里插入图片描述

v-pre

作用:用于跳过这个元素和它子元素的编译过程,用于显示原来的Mustache语法。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<div id="app">
  <h2>{{message}}</h2>
  <h2 v-pre>{{message}}</h2>
</div>

<script src="../js/vue.js"></script>
<script>
  const app = new Vue({
    el: '#app',
    data: {
      message: '你好啊',
    }
  })
</script>
</body>
</html>

结果:
在这里插入图片描述

6、v-bind

除了内容需要动态来决定外,有些属性我们也希望动态来绑定。
比如动态绑定a元素的href属性
比如动态绑定img元素的src属性

这个时候我们可以使用v-bind指令
作用:动态绑定指令
缩写::

v-bind的基本使用

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<div id="app">
  <img :src="imgUrl" alt="">
</div>
<script src="../js/vue.js"></script>
<script>
  const app = new Vue({
    el: '#app',
    data: {
      message: '你好啊',
      imgUrl: 'data:image/jpeg;base64,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ZS5jb20veGFwLzEuMC8APD94cGFja2V0IGJlZ2luPSfvu78nIGlkPSdXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQnPz4KPD9hZG9iZS14YXAtZmlsdGVycyBlc2M9IkNSIj8+Cjx4OnhhcG1ldGEgeG1sbnM6eD0nYWRvYmU6bnM6bWV0YS8nIHg6eGFwdGs9J1hNUCB0b29sa2l0IDIuOC4yLTMzLCBmcmFtZXdvcmsgMS41Jz4KPHJkZjpSREYgeG1sbnM6cmRmPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjJyB4bWxuczppWD0naHR0cDovL25zLmFkb2JlLmNvbS9pWC8xLjAvJz4KCiA8cmRmOkRlc2NyaXB0aW9uIGFib3V0PSd1dWlkOjZkZjM4MDczLTE1ZGItMTFkYS1hYzM4LTk0MTdhOTZkNDE1YicKICB4bWxuczp4YXBNTT0naHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyc+CiAgPHhhcE1NOkRvY3VtZW50SUQ+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjZkZjM4MDcxLTE1ZGItMTFkYS1hYzM4LTk0MTdhOTZkNDE1YjwveGFwTU06RG9jdW1lbnRJRD4KIDwvcmRmOkRlc2NyaXB0aW9uPgoKPC9yZGY6UkRGPgo8L3g6eGFwbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAg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'
    }
  })
</script>
</body>
</html>

结果:
在这里插入图片描述

v-bind动态绑定class

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    .active {
      color: coral;
    }
  </style>
</head>
<body>
<div id="app">
  <h2 :class="{active:isActive,line:isLine}">{{message}}</h2>
  <button v-on:click="click">按钮</button>
</div>

<script src="../js/vue.js"></script>
<script>
  const app = new Vue({
    el: '#app',
    data: {
      message: '你好啊',
      isActive: true,
      isLine: true,
    },
    methods: {
      click: function () {
        this.isActive = false;
      }
    }
  })
</script>
</body>
</html>

点击按钮,字体颜色从红色变成黑色,原理是将对象语法中的active:true变成了false,使h2的class属性不再为active,就不再拥有红色字体的属性。

1)绑定方式:对象语法

class后面跟的是一个对象

用法1:直接通过{}绑定一个类
<h2 :class="{'active:isActive'}">Hello,World</h2>
用法2:也可以通过判断传入多个值
<h2 :class="{'active:isActive','line:isLine'}">Hello,World</h2>
用法3:和普通的类同时存在,并不冲突
<h2 class="title" :class="{'active:isActive','line:isLine'}">Hello,World</h2>
用法4:如果过于复杂,可以放在一个methods或者computed中
<!--classes是一个计算属性-->
<h2 class="title" :class="classes()">Hello,World</h2>

2)绑定方法:数组语法

用法1:直接通过[]绑定一个类
<h2 :class="[active]">Hello,World</h2>
用法2:也可以通过传入多个值
<h2 :class="[active,line]">Hello,World</h2>
用法3:和普通的类同时存在,并不冲突
<h2 class="title" :class="{active,line}">Hello,World</h2>
用法4:如果过于复杂,可以放在一个methods或者computed中
<!--classes是一个计算属性-->
<h2 class="title" :class="classes()">Hello,World</h2>

v-bind动态绑定style

1)绑定方式:对象语法

:style="{color: currentColor,fontSize: fontSize + 'px'}"

2)绑定方法:数组语法

<div  v-bind:style="[baseStyles,overridingStyles]"></div>
Logo

前往低代码交流专区

更多推荐