3.1、插值语法：

功能：用于解析标签体内容；

1. v-cloak: 使用 v-cloak 指令可以有效解决屏幕闪动。有时候，页面没渲染之前就会出现vue代码块，例如下图。使用v-cloak可以很好解决这种问题。

<template>
    <div class="hello">
        <span v-cloak>{{ content }}</span>
    </div>
</template>

<script>
export default {
    name: "hello",
    data() {
        return {
            content: "测试"
        };
    }
};
</script>

<style scoped>
/* v-cloak这个属性会在页面渲染前作用于对应dom 在渲染完毕这个里面的样式将被移除 */
[v-cloak] {
    display: none;
}
</style>
 

今天给小伙伴们分享2个超赞的Vue分页栏/下拉分页组件VPage。

1、v-page

基于 vue.js 构建的简易独立分页组件。支持i18n多语言、自定义配置、带页数菜单等功能。

安装

Vue 2 提供了丰富的自定义功能，允许开发者根据自身需求扩展 Vue 的功能。以下是一些 Vue 2 可以自定义的方面：

1. 自定义指令

自定义指令是 Vue 2 提供的核心自定义功能之一。开发者可以创建自己的指令来封装常用的行为或实现更复杂的逻辑。指令由 JavaScript 对象组成，定义了指令的钩子函数，例如 bind、inserted、update 等，用于控制指令在不同生命周期阶段的行为。

在 Vue 2 中，给组件加上 name 属性本身并不直接实现切换路由时保存数据的功能。然而，name 属性在 Vue 组件中确实有一些用途，特别是在与 <keep-alive> 组件和 Vue 开发者工具（vue-devtools）一起使用时。

G6 是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。旨在让关系变得透明，简单。让用户获得关系数据的 Insight。

翻译成白话： G6可以实现 拓扑图、流程图、脑图 等各种奇奇怪怪的图表的开发，并在浏览器呈现出来。

# 从 0~1 创建 Vue2 项目（安装@vue/cli + 配置环境变量 + 创建项目）

**引言**

Vue.js，作为一款广受欢迎的渐进式JavaScript框架，以其易上手、灵活性高和强大的生态系统深受开发者喜爱。本文将详细引导你从零开始，一步步使用@vue/cli工具创建并配置一个完整的Vue2项目，让你在实践中深入理解Vue项目的初始化、环境变量设置及项目结构。

Vue 是一套用于构建用户界面的渐进式框架，与其它大型 JS 框架不同，Vue 被设计为可以自底向上逐层应用，更易上手，还便于与第三方库或既有项目整合，因此，Vue 完全能够为复杂的单页应用提供驱动。

2020年09月18日，Vue.js 3.0 正式发布，作者尤雨溪将其描述为：更快、更小、更易于维护。