首页 > 其他分享 >Vue.js 内置指令 v-pre指令

Vue.js 内置指令 v-pre指令

时间:2023-03-17 15:45:07浏览次数:52  
标签:pre el 内置 Vue js 指令

视频

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>v-pre指令</title>
		<!-- 引入Vue -->
		<script type="text/javascript" src="../js/vue.js"></script>
	</head>
	<body>
		<!-- 
			v-pre指令:
					1.跳过其所在节点的编译过程。
					2.可利用它跳过:没有使用指令语法、没有使用插值语法的节点,会加快编译。
		-->
		<!-- 准备好一个容器-->
		<div id="root">
			<h2 v-pre>Vue其实很简单</h2>
			<h2 >当前的n值是:{{n}}</h2>
			<button @click="n++">点我n+1</button>
		</div>
	</body>

	<script type="text/javascript">
		Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。

		new Vue({
			el:'#root',
			data:{
				n:1
			}
		})
	</script>
</html>

标签:pre,el,内置,Vue,js,指令
From: https://www.cnblogs.com/chuixulvcao/p/17226874.html

相关文章

  • Vue.js 内置指令 v-once指令
    视频<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"/> <title>v-once指令</title> <!--引入Vue--> <scripttype="text/javascript"src="../js/vue.j......
  • uniapp 隐藏nvue子窗口 不生效
    下面是uniapp官方给到,显示和关闭NVue子窗体的方法 //通过id获取nvue子窗体constsubNVue=uni.getSubNVueById('map_widget')//打开nvue子窗体su......
  • vue添加eslint配置规则
    eslint配置方法eslint的规则有三个选项:"off"或者0,不启用这个规则"warn"或者1,出现问题会有警告"error"或者2,出现问题会报错在根目录创建.eslintrc.js,代码如下:modul......
  • Vue 学习笔记
      各目录作用{{}}引用data中的值v-html引用data中的值并渲染到页面上v-bind控制属性中的值缩写v-model数据双向绑定v-ifv-on:click监听事件缩写{{message|c......
  • 万字血书Vue—Vue语法
    模板语法插值语法Mustache插值采用{{}},用于解析标签体内容,将Vue实例中的数据插入DOM中<h1>Hello{{name}}</h1>指令语法指令用于解析标签,是vue为开发者提供的一套......
  • vue中的get方法\post方法如何实现传递数组参数
    问题:后端接口参数里面带有数组,但是前端按常规方式提交后后台收不到数组数据解决方法:将数据用qs处理过后再提交请求封装:exportclassAxiosHttpService{$http:Ax......
  • Electron + Vue3 + TS + sqlite3项目搭建
    Electron+Vue3+TS+sqlite3项目搭建基础环境nodev14.20.1npmv6.14.17安装vue-cli$npminstall@vue/[email protected]//等待安装完成$vue-V//@vue/cli5......
  • (Vue3.0二维码),复制链接
    一:复制链接1、html部分:<el-dialogv-model="dialogTableVisible"title="分享方式"><el-row><el-buttonclass="copy"data-clipboard-text="getUlr"click="copy......
  • 使用 Athena (Presto) 分析本地 Oracle 数据库导出的数据
    在传统企业客户,无论是前台的交易数据库还是后台的数据仓库,都会选择使用Oracle,它具备非常广泛的技术资料、社区资源和问题处理案例(各种踩坑的经验);同时它还有广泛的用户基础......
  • Vue——el-option下拉框绑定
    Vue——el-option下拉框绑定https://blog.csdn.net/wx19900503/article/details/1092684801、正常使用v-for进行遍历下拉框内容,如果需要增加一个自定义的值,则加一个el......