使用vue.min.js怎么创建复用的组件?

使用cdn格式引入vue。不使用webpack和脚手架。在这样子的项目如何编写一个复用性的组件呢?clipboard.png

阅读 2.8k
2 个回答

Vue组件的本质是一个对象
不用webpack,还可以复用,也就意味这个对象是通过文件的方式来引入。这样一来,问题就简单不少:“如何通过文件来引入一个对象?”这个过程和你用script引入vue、axios没有区别,只是为了避免污染作用域,最好是在单文件中使用模块化的加载方式,比如UMD。js模块化加载资料很多,这里不详细赘述。

下面是一个小例子,你要做的就是用合适的模块方式把HelloWorld这个对象放在一个单独的文件中,然后在需要的页面引入。
https://jsfiddle.net/ef2ojb6n/1/

如有错误,请指正

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题