vue在html中执行js代码,Vue.js 和 Vue.runtime.js
Vue官方中文文档:
Vue有两个版本:
完整版:vue.js、vue.min.js(运行时版+编译器)(编译器:将模板字符串编译成为JS渲染函数的代码)
运行时版:vue.runtime.js、vue.runtime.min.js(用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码)
vue-cli 创建的 vue 项目,默认的配置是 vue.runtime.js 版本
后缀为.min.js的是生产版
完整版(vue.js)和运行时版(vue.runtime.js)的区别:
比较项
vue.js
vue.runtime.js
评价
特点
有编译器(compiler)
无编译器
编译器占40%的体积
视图
写在HTML里或者写在template里
写在render函数里,用h创建标签
h是vue内置的回调函数
CDN引入
vue.js
vue.runtime.js
文件名不同,生产环境后缀都为.min.js (vue.min.js/vue.runtime.min.js)
webpack引入
需配置alias
默认使用此版本
vue作者配置的
@vue/cli引入
需要额外配置
默认使用此版本
vue作者配置的
完整版可直接将内容写在HTML中查看视图效果,或用template渲染到HTML。
运行时版无法直接实现页面渲染,需要利用 render 里的 h 函数
vue在html中执行js代码,Vue.js 和 Vue.runtime.js相关推荐
- js如何运行python代码_python中执行javascript代码
python中执行javascript代码: 1.安装相应的库,我使用的是PyV8 2.import PyV8 ctxt = PyV8.JSContext() ctxt.enter() func = ...
- C语言中执行python代码或源程序文件(高级嵌入方式)
环境:Fedora12 + Python2.6 + C 1. 建立python源代码文件(del.py): #!/usr/bin/env pythondef calculate(expression) ...
- 在Python中执行JavaScript代码并进行数据交换
闲言碎语不多讲,今天介绍一下Python扩展库pyexecjs. 首先进入命令提示符环境,使用pip安装Python扩展库pyexecjs,瞬间完成: 然后就可以在Python中执行JavaScrip ...
- 如何在 Chrome 中执行 JavaScript 代码
前言 要在浏览器中执行 JavaScript 脚本,首先你的浏览器得支持.现在主流推荐 Chrome 浏览器,也可以使用基于 Chromium的 Edge 浏览器.下面来介绍如何在 Chrome 中打 ...
- 在进程中执行新代码 execl、execle、execlp、execv、execve和execvp函数
在进程中执行新代码 execl.execle.execlp.execv.execve和execvp函数 摘要:本文主要讲述怎样在进程中执行新代码,以及exec系列函数的基本用法. 在进程中执行新代码 ...
- vue 往对象中添加键值对_【Vue】Vue学习之混入
今天学习了Vue中的"混入"知识点,写篇文章用自己的语言来向自己解释它,如有不足还望指点. 混入(mixins): 混入提供了一种非常灵活的方式,来分发Vue组件中的可复用功能 - ...
- java触发器如何创建表_在java 中执行触发器代码、创表语句
由于程序的需要,在SQLServer 中创建触发器及建表,碰到了在java 代码中执行创建触发器及表. /**建立中间表*/ public static final String createMidd ...
- php中如何写js代码提示_PHP 如何编写类似js中alert() 提示框
这篇文章主要介绍了PHP 实现类似js中alert() 提示框功能,非常的实用,这里推荐给大家,有需要的小伙伴来参考下,希望大家能喜欢. 主要应用于添加判断提示,跳转,返回,刷新. 代码如下:/** ...
- Js中动态追加代码后,之前定义的Js不再起作用
问题描述:在js文件中使用javaScript或者jQuery中的html('代码')或者append('代码'),将我们的html代码动态添加到指定的容器里面(例如:table)后,页面可以正常显示 ...
最新文章
- cenotos 卸载mysql_cenotos 6.5 NFS服务配置
- vue接入萤石云_智能家居不香吗?萤石转型:或者臣妾做不到,或者费力不讨好...
- php html 伪静态,php 伪静态(url重写)的写法
- cx oracle 配置,cx_Oracle的配置啊。。终于搞出来了
- Linux Kernel系列 - 黄牛X内核代码凝视
- linux 将程序链接到 usr bin,Linux / usr / bin文件在重新启动后消失
- UvaLive 6664 Clock Hands
- 《Think Python》第15章学习笔记
- 2012写给自己的年度总结
- Doris SQL执行计划
- 2.5寸移动硬盘盒改装 驱动3.5寸台式机硬盘
- DCM 与CCM模式
- day16-正则表达式
- r720支持多少频率的内存吗_高频内存对游戏帧数影响大吗?2400MHz和3200MHz频率内存对比实测...
- 安装多可预览控件后,不能正常预览和修改该怎么办?
- 导航报错SetDestination() can only be called on an active agent that has been placed on a NavMesh
- 一款网盘搜索神器 + 某度网盘不限速下载软件
- mysql查询数学成绩信息_【MySQL】:利用DQL查询表中的数据
- 身家过亿的帝都富豪来参加1024节专属盛典,小码农献上单链表一篇来庆祝盛典
- 计算机画画校本教材 百度文库,图形计算器校本教材.doc