Socket
Socket
Sign inDemoInstall

@vue/compiler-core

Package Overview
Dependencies
Maintainers
2
Versions
237
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@vue/compiler-core

@vue/compiler-core


Version published
Weekly downloads
6.5M
decreased by-5.58%
Maintainers
2
Weekly downloads
 
Created

What is @vue/compiler-core?

The @vue/compiler-core package is a lower-level utility for compiling Vue.js templates into render functions. It is part of the Vue.js framework and is used internally by higher-level tools like vue-loader or @vue/compiler-sfc. It provides the core algorithms for parsing template syntax and generating JavaScript code from templates.

What are @vue/compiler-core's main functionalities?

Parsing Template Syntax

This feature allows you to parse Vue template syntax into an Abstract Syntax Tree (AST). The AST can then be manipulated or compiled into render functions.

import { baseParse } from '@vue/compiler-core';
const ast = baseParse('<div>Hello, {{ world }}</div>');

Compiling AST to Render Functions

This feature takes an AST and compiles it into JavaScript render functions, which can be used to render Vue components.

import { baseCompile } from '@vue/compiler-core';
const { code } = baseCompile('<div>Hello, {{ world }}</div>');

Transforming AST Nodes

This feature allows you to apply custom transformations to AST nodes. In this example, we're changing the content of an interpolation from 'world' to 'universe'.

import { transform } from '@vue/compiler-core';
import { createSimpleExpression } from '@vue/compiler-core';

const ast = baseParse('<div>Hello, {{ world }}</div>');
transform(ast, {
  nodeTransforms: [
    (node) => {
      if (node.type === 5 /* INTERPOLATION */) {
        node.content = createSimpleExpression('universe', false);
      }
    }
  ]
});

Other packages similar to @vue/compiler-core

Keywords

FAQs

Package last updated on 06 Sep 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc