一 Vue简介

本文介绍Vue.js框架的核心概念,包括数据驱动的思想,如何在HTML中使用Vue指令,以及在浏览器中调试Vue应用的方法。同时,提供了Vue.js的引入方式,包括直接引入和使用命令行工具搭建项目。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、简介

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架(部分使用,不是全家桶)。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。(官方文档)

它的中心思想就是数据驱动,不像jQuery是结构驱动,

  • 结构驱动:先获取HTML的结构,然后再修改数据更新结构

  • 数据驱动:简单的理解就是直接将数据同步到结构上,视图管理抽象为数据管理,而不是管理dom结构

Vue.js 不支持 IE8 及其以下版本,因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。Vue.js 支持所有兼容 ECMAScript 5 的浏览器。

二、前期准备工作

1、指令自动提示

  1. 指令自动提示

  2. 添加如下指令

    v-text 
    v-html 
    v-once 
    v-if 
    v-show 
    v-else 
    v-for 
    v-on 
    v-bind 
    v-model 
    v-ref 
    v-el 
    v-pre 
    v-cloak 
    v-on:click 
    v-on:keyup.enter 
    v-on:keyup 
    @click 
    @change 
    number 
    debounce 
    transition 
    :is
    

2、消除未知指令的错误

  1. 使用 alt + 回车

  2. 在工具总设置

3、chrome游览器的调试插件

  1. 直接从谷歌市场

    搜索 vue-devtools 然后添加插件(注意自备梯子)

  2. 从本地安装

三、基础使用

1、引入Vue

1.1、直接引入Vue
  1. 独立安装

    Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入

    开发版

    生产环境

  2. 使用 CDN 方法 推荐使用官方

    最新版本

    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    

    指定版本的

    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.6/dist/vue.js"></script>
    
1.2、命令行工具搭建脚手架
  1. 入门时不推荐使用具体查看单独的教程

2、引入Vue

2、基础实例

  1. html

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>Title</title>
            <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
        </head>
        <body>
            <div id="app">
                <h1>{{title}}</h1>
                <p>姓名: {{ name }}</p>
                <p>年龄: {{ age }}</p>
                <p>方法使用: {{test()}}</p>
            </div>
        </body>
    </html>
    
  2. js代码

    <script>
        let app = new Vue({
            //作用的元素
            el: "#app",
            //数据绑定区
            data: {
                title: "Vue案例",
                name: "Vue",
                age: 15,
            },
            // 用于存储各种方法
            methods: {
                test: function () {
                    return "我劝你善良!!!"
                }
            }
        });
    </script>
    
  3. 显示效果

资源下载链接为: https://pan.quark.cn/s/22ca96b7bd39 在当今的软件开发领域,自动化构建与发布是提升开发效率和项目质量的关键环节。Jenkins Pipeline作为种强大的自动化工具,能够有效助力Java项目的快速构建、测试及部署。本文将详细介绍如何利用Jenkins Pipeline实现Java项目的自动化构建与发布。 Jenkins Pipeline简介 Jenkins Pipeline是运行在Jenkins上的套工作流框架,它将原本分散在单个或多个节点上独立运行的任务串联起来,实现复杂流程的编排与可视化。它是Jenkins 2.X的核心特性之,推动了Jenkins从持续集成(CI)向持续交付(CD)及DevOps的转变。 创建Pipeline项目 要使用Jenkins Pipeline自动化构建发布Java项目,首先需要创建Pipeline项目。具体步骤如下: 登录Jenkins,点击“新建项”,选择“Pipeline”。 输入项目名称和描述,点击“确定”。 在Pipeline脚本中定义项目字典、发版脚本和预发布脚本。 编写Pipeline脚本 Pipeline脚本是Jenkins Pipeline的核心,用于定义自动化构建和发布的流程。以下是个简单的Pipeline脚本示例: 在上述脚本中,定义了四个阶段:Checkout、Build、Push package和Deploy/Rollback。每个阶段都可以根据实际需求进行配置和调整。 通过Jenkins Pipeline自动化构建发布Java项目,可以显著提升开发效率和项目质量。借助Pipeline,我们能够轻松实现自动化构建、测试和部署,从而提高项目的整体质量和可靠性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值