vue模板中写html,vue中template的三种写法示例

第一种(字符串模板写法):

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

Example kicking off the UI. Obviously, adapt this to your specific needs.

Assumes you have a

new Vue({

el: '#q-app',

data: function () {

return {

version: Quasar.version

}

Running Quasar v{{ version }}

// ...etc

})

第二种:

直接写在template标签里,这种写法跟写html很像。

Running Quasar v{{ version }}

Example kicking off the UI. Obviously, adapt this to your specific needs.

Assumes you have a

new Vue({

el: '#q-app',

data: function () {

return {

version: Quasar.version

}

// ...etc

})

第三种:

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

Running Quasar v{{ version }}

Example kicking off the UI. Obviously, adapt this to your specific needs.

Assumes you have a

new Vue({

el: '#q-app',

data: function () {

return {

version: Quasar.version

}

// ...etc

})

以上就是vue中template的三种写法示例的详细内容，更多关于vue template的资料请关注脚本之家其它相关文章！

vue模板中写html,vue中template的三种写法示例相关推荐

vue中template的三种写法
第一种(字符串模板写法):直接写在vue构造器里,这种写法比较直观,适用于html代码不多的场景,但是如果模板里html代码太多,不便于维护,不建议这么写. 第二种:直接写在template标签里,这 ...
Vue中模板template的四种写法
<div id="app"><h1>我是直接写在构造器里的模板1</h1> </div><template id=" ...
vue中，scss样式的三种写法——当前页面直接定义、@import引入样式、main.js引入公共样式 deep和important的写法
vue中,scss样式的三种写法--当前页面直接定义.@import引入样式.main.js引入公共样式 & deep和important的写法 1.安装scss # 安装node-sass ...
vue单文件props写法_详解Vue 单文件组件的三种写法
详解Vue 单文件组件的三种写法 JS构造选项写法 export defaul { data, methods, ...} JS class写法 @Component export default c ...
Vue2 模板template的四种写法总结
下面小编就为大家分享一篇Vue2 模板template的四种写法总结,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下.如有不足之处,欢迎批评指正. 如下所示: <div ...
Vue——05-02组件的数据、为什么data要使用函数、父组件给子组件传递数据的三种写法、父传子以及传两种以上的值、默认值以及父传子的引用类型
目录在组件中获取数据二.组件中的data为什么必须要是函数? 父组件给子组件传递数据--props属性第一种写法: 第二种写法: 第三种写法: 传默认值 : 父组件传子组件数据--引用类型的两种 ...
微服务接入oauth2_SpringCloud微服务实战系列（十九）Ouath2在真实场景中的应用之客户端接入（第一种写法）...
SpringCloud微服务实战系列(十九)Ouath2在真实场景中的应用之客户端接入(第一种写法) 一.概述在<SpringCloud微服务实战系列(十七)Ouath2在真实场景中的应用之资 ...
Python中斐波那契数列的四种写法
在这些时候,我可以附和着笑,项目经理是决不责备的.而且项目经理见了孔乙己,也每每这样问他,引人发笑.孔乙己自己知道不能和他们谈天,便只好向新人说话.有一回对我说道,"你学过数据结构吗?&qu ...
java中synchronized的三种写法详解
预备知识首先,我们得知道在java中存在三种变量: 实例变量 ==> 存在于堆中静态变量 ==> 存在于方法区中局部变量 ==> 存在于栈中然后,我们得明白,合适会发生高并发 ...
Android中按钮的点击事件的四种写法
如题,在Android中按钮的点击事件有四种写法,如下图. 界面为四个Button+一个TextView+一个ImageView activity_main布局文件如下: <?xml versi ...

vue模板中写html,vue中template的三种写法示例

vue模板中写html,vue中template的三种写法示例相关推荐

最新文章

热门文章