刚接触vue,现在在写一个项目,想独立出html模板文件。

看教程,template都是用+拼的字符串,感觉好糟糕。

之后查到vue可以从html文件里根据id读取标签中的内容,并以此作为模板。

html:

我的

更多

js:var Header = Vue.extend({

template: '#project-header-template'});

然而目前都是写到入口文件里的。

因为模板比较多,想在开发过程中,像angularjs那样每个模板对应一个html文件。但是不知道vue如何引用独立的html文件。

试过在node-webkit中直接使用

template: require('./templates/header.template.html'),

结果报错:

Unexpected token <

好像不是这么用的。

求个能想angularjs那样独立引用html模板文件的方法。

而且最好尽量避免在开发过程中就打包。

vue嵌入html文件,vue如何引用独立的html模板文件?相关推荐

  1. vs未指定启动文件_高效开发利器之自定义模板文件

    简介 越来越多的设计模式, 最佳实践, 优化了软件开发方式, 提高了软件质量, 但是也带来了大量的类似的文件. 比如说: 现在都使用三层模式来开发Web程序, 都会有服务层(Service), DI的 ...

  2. html弹出保存文件对话框_初步了解CAD的模板文件

    样板文件作为一个模板和标准,通常只保留同类图纸共有的一些参数和图形.用好模板可以夫规范作图,可以达到事半功倍的效果!样板文件的扩展名是dwt. 1.在CAD早期版本中,样板文件很好找,因为在CAD的安 ...

  3. Vue 全家桶之 vue cli (脚手架)

    一.Vue cli 简介 cli --------------------- c : command (命令) l : line ( 行 ) i : interface ( 接口 ) 命令行接口 命令 ...

  4. 第8章 Drupal 主题系统( Drupal theme)(3) 模板文件

    译者:老葛 理解模板文件 一些主题包含所有的各种模板文件,而其他仅包含page.tpl.php.所以你如何知道你可以创建那些模板文件以及哪些可被Drupal识别?创建模板文件时所遵循的命名习惯有哪些? ...

  5. DotNetBar for Windows Forms 12.9.0.0_冰河之刃重打包版及制作Visual Studio C#项目模板文件详解...

    关于 DotNetBar for Windows Forms 12.9.0.0_冰河之刃重打包版 --------------------11.8.0.8_冰河之刃重打包版-------------- ...

  6. 独立版WAP模板路径,17mb的独立版手机端模板路径

    17mb的独立版WAP模板路径如下,这里只列出了常用和主要的模板文件路径,杰奇模板的文件路径可以参考杰奇模板路径. 独立版的模板文件都存放在 https://www.duaixs.com/17mb/t ...

  7. django-2 模板文件的加载

    django-2  模板文件的加载 1.创建模板文件 index.html 2.在django使用模板文件  需要在app下创建templates文件夹   此为django固定模板文件位置 3.编辑 ...

  8. Django(part53)--404模板文件

    学习笔记,仅供参考 404模板文件 我们可以在项目下的模板文件夹templates内添加 404.html 模版,当响应返回HttpResponseNotFound 或 raise Http404时, ...

  9. html 模板配置,模板文件配置

    模板文件一定要小写下划线,如 list_pubu.html 你可以给你每一个模板文件增加一个json配置文件,用于描述这个模板文件;配置文件和模板文件名是同名的,只是后缀为 json,如simpleb ...

最新文章

  1. spark VS Hadoop 两大大数据分析系统深度解读
  2. 架构师口中的混沌工程,究竟用来解决什么问题
  3. msp430入门学习30
  4. 解决方案:外域HDFS客户端访问内网HDFS datanode
  5. 摘: cmd环境 使用一点知识
  6. 方差为什么用平方不用绝对值_为什么炖鸡汤,人们喜欢用母鸡而不用公鸡?原来差别这么大!...
  7. Android 图片选择器、图片剪切,文件选择器
  8. php如果实现日历的制作,教大家制作简单的php日历
  9. C#LeetCode刷题之#500-键盘行(Keyboard Row)
  10. 【英语学习】【English L06】U07 Jobs L5 Work overtime
  11. 知乎“下沉”,快手“上游”
  12. Windows Server 2016-Hyper-V HNV 新增功能
  13. javascript笔记—— call 简单理解
  14. 推荐系统概述——《ML算法原理和实践》学习笔记
  15. 举个栗子!Tableau技巧(96):离线激活和停用 Linux 版 Tableau Server
  16. vivado hls 笔记
  17. 计算智能3--进化计算
  18. python序列类型映射_python学习笔记(基础:变量,序列,映射) | 学步园
  19. 统计学中三大相关系数
  20. 消费者群划分——利用青少年在社交网络平台的行为进行市场细分(Python)

热门文章

  1. 路由器的各种配置 GNS3
  2. TPA3045-ASEMI光伏二极管TPA3045
  3. 扒一扒丰田Mirai -“跑得越快,空气就越洁净”
  4. 安全合规--50--基于国内法律法规的企业数据合规体系建设经验总结(八)
  5. 英雄联盟手游测试服服务器维护中,英雄联盟手游再出问题,官方发布通告,这些玩家或将无缘测试服...
  6. 干饭人干饭魂,年轻人干了这碗多线程,就是人上人!
  7. HDI PCB 板 0.1mm 以下的孔不好造?它不服
  8. linux安装 xen,Centos 7 安装Xen
  9. Himi浅谈4年游戏开发de自学历程!(牛人是如何学习的)
  10. MOD13Q1—NDVI数据处理流程