首页 > 其他分享 >1.Vue简介

1.Vue简介

时间:2023-06-06 14:01:07浏览次数:38  
标签:文件 Vue 简介 JavaScript HTML Components 组件

Vue 的两个核心功能:

声明式渲染:Vue 基于标准 HTML 拓展了一套模板语法,使得我们可以声明式地描述最终输出的 HTML 和 JavaScript 状态之间的关系。

响应性:Vue 会自动跟踪 JavaScript 状态并在其发生变化时响应式地更新 DOM。

 

渐进式框架:

  无需构建步骤,渐进式增强静态的 HTML

  在任何页面中作为 Web Components 嵌入

  单页应用 (SPA)

  全栈 / 服务端渲染 (SSR)

  Jamstack / 静态站点生成 (SSG)

  开发桌面端、移动端、WebGL,甚至是命令行终端中的界面

 

单文件组件: (也被称为 *.vue 文件,英文 Single-File Components,缩写为 SFC)顾名思义,Vue 的单文件组件会将一个组件的逻辑 (JavaScript),模板 (HTML) 和样式 (CSS) 封装在同一个文件里。

eg:计数器

<script>
export default {//JavaScrpit逻辑
  data() {
    return {
      count: 0
    }
  }
}
</script>

<template>//HTML
  <button @click="count++">Count is: {{ count }}</button>
</template>

<style scoped>//css
button {
  font-weight: bold;
}
</style>

 

标签:文件,Vue,简介,JavaScript,HTML,Components,组件
From: https://www.cnblogs.com/cjhtxdy/p/17460151.html

相关文章

  • 关于用eclipse 开发 vue项目
    步骤:1、下载node的插件  2、下载vue插件 3、部署  ......
  • vue2插槽的透传
    多组件嵌套的情况下,有时候会希望父组件向孙子组件(或者更小的辈分)的slot中插入内容,显然,这需要在孙子组件里面用<slot:name="field.component":data="formValue"/>,在父组件里面用<childComponent#slotName="childData"><childComponent/>。但是在子组件中应该如何进行插槽的......
  • AD 域服务简介(一)
    AD域服务简介(一)目录一、前言1.1AD域服务1.2AD域对象与属性1.3AD域控制器DC1.4LDAP1.5全局编录 一、前言1.1AD域服务什么是目录(directory)呢?日常生活中使用的电话薄内记录着亲朋好友的姓名、电话与地址等数据,它就是telephonedirectory(电话目录);计......
  • AD 域服务简介(一)- 基于 LDAP 的 AD 域服务器搭建及其使用(转)
    一、前言1.1AD域服务什么是目录(directory)呢?日常生活中使用的电话薄内记录着亲朋好友的姓名、电话与地址等数据,它就是telephonedirectory(电话目录);计算机中的文件系统(filesystem)内记录着文件的文件名、大小与日期等数据,它就是filedirectory(文件目录)。如果这些目录内的数......
  • Vue笔记
    Vue笔记vuex-router-sync插件:https://segmentfault.com/a/1190000037680351学到vue.js路由就没学了!还有过渡和动画、混入、AJAX、响应接口没学进度:https://learning.dcloud.io/#/?vid=5https://cn.vuejs.org/v2/guide/index.html模板组件化应用构建//问题:props是什么?技巧:......
  • Vue-Cli笔记
    Vue-Cli笔记新手上路在创建模式的时候,选择最后一个模式:自定义模式,创建项目,只需勾选下图3个配置,使用空格进行选择和不选择。然后选择vue版本2.x在选择css预编译中选择less最后选择是否将babel、Eslint等文件放到一个独立的文件中或放入package.json,我们选择第一项独立的文......
  • Vue自定义指令-让你的业务开发更简单
    1、使用场景在日常开发中,我们会将重复代码抽象为一个函数或者组件,然后在需要时调用或者引入。但是,对于某些功能,这种方法可能不够优雅或者不够灵活。例如,我们可能需要在DOM元素上添加一些自定义属性或者绑定一些事件,这些操作可能难以通过函数或组件来实现。这时,自定义指令就派上用......
  • 【VUE】Vue事件与表单处理02
    一、事件与表单处理1、v-on监听事件<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"......
  • Vue router 二级默认路由设置
    一、起因打开默认地址/(http://localhost:5432/),home页面有空白,因为没有指定默认打开的子页。//router.jsexportconstconstantRoutes=[{path:'/',component:()=>import('@/views/MainView'),name:'Index',met......
  • 【VUE】Vue 快速入门 笔记基础01
    一、vue相关了解1、概述Vue.js是一种流行的JavaScript框架,用于构建响应式、交互式的前端Web界面。它采用了基于组件的开发模式,允许在单个页面中使用多个可重用的组件,提高了代码的复用性和维护性。只关心视图层,自底向上.遵守SOC关注点分离原则(术有专攻,只关注一点)HTML+CSS......