vue中template的三种写法

第一种(字符串模板写法):直接写在vue构造器里,这种写法比较直观,适用于html代码不多的场景,但是如果模板里html代码太多,不便于维护,不建议这么写.

第二种:直接写在template标签里,这种写法跟写html很像.

第三种:写在script标签里,这种写法官方推荐,vue官方推荐script中type属性加上"x-template",即:

vue中template的三种写法相关推荐

java中synchronized的三种写法详解
预备知识首先,我们得知道在java中存在三种变量: 实例变量 ==> 存在于堆中静态变量 ==> 存在于方法区中局部变量 ==> 存在于栈中然后,我们得明白,合适会发生高并发 ...
vue中$refs的三种用法
我们都知道,在vue2中获取DOM元素,可以直接在元素上绑定ref属性,然后获取到DOM元素的属性值,这种方法在vue3 中仍然可以使用,但也会有一些问题.下面就介绍$refs的三种用法: 1.vue ...
vue 中插槽的三种类型
vue中的slot主要分三种 :匿名插槽,具名插槽,作用域插槽一,匿名插槽: 语法:<slot></slot> 1.没有为插槽指定名称 2.通过slot标签可以添加匿名插槽 ...
vue校验密码的三种写法
一.在el-form(element ui中的form表单)中使用:rules="rules" 实现 1.在项目的src/utils文件夹下创建validate.js文件 vali ...
实例分析SQL中除法的三种写法
首先请看 http://topic.csdn.net/u/20070821/15/8a2dac05-51b8-4eb1-b41d-4fbe8a232c85.html 帖中从实际问题出发,讨论SQL语句 ...
Vue的props的三种写法
写法一: props:['data','isShow'] 写法二: props:{data: Object,isShow: Boolean } 写法三: props:{data:{require: t ...
javascript函数的三种写法
在JS中函数的三种写法 [0401] 在js中函数有三种写法,这里我简单列举一下. 第一种: 第二种: 第三种: 对于以上三种函数的调用方法,这里可以简单的理解一下,第一种是最常见的函数写法,第三种是 ...
vue中，scss样式的三种写法——当前页面直接定义、@import引入样式、main.js引入公共样式 deep和important的写法
vue中,scss样式的三种写法--当前页面直接定义.@import引入样式.main.js引入公共样式 & deep和important的写法 1.安装scss # 安装node-sass ...
Vue中模板template的四种写法
<div id="app"><h1>我是直接写在构造器里的模板1</h1> </div><template id=" ...

vue中template的三种写法

vue中template的三种写法相关推荐

最新文章

热门文章