vue单文件组件的原理

关于单文件组件的原理
刚刚开始学的时候是先用Vue.extend定义一个组件,再用Vue.component注册。
现在用了基于webpack的.vue单文件组件,那么这两个之间的关系是什么呢?

比如你有一个父组件Parent,在它当中你用Vue.extend, Vue.component注册了子组件Child

这时父组件Parent和子组件Child的代码都集中在父组件的文件中,如果你还想在其他组件中使用Child,那你只能再把代码复制一份。

而如果你使用.vue的单文件组件,关于Child的所有template,js,css都在这个文件中。当你在其他文件中想用到该组件直接引入就好了,不用写重复的代码。随用随走。

webpack 可以使用vue-loader打包.vue文件

你可以根据组件去组织vue的代码。
Wepack的Vue-loader会帮你合并所有组件。然后在页面下可以正常工作。

  • 求助大问题!!!!!这输出为什么能不一样
  • 怎样使用modernizr让网页支持css3的属性?
  • seajs 模块里面使用config配置的路径名或别名,合并模块时报错~
  • 请问如何用正则去掉xml标签?
  • vue.js 1.0+ input绑定输入完成后的回车事件为什么没用
  • AMD模块如何向外暴露接口
  • vue.js中的firebase示例,提交的时候保存到mysql数据库要怎么做?
  • HTML中,直接用输入法打出来©符号,和用©表示,有什么本质区别?
  • 在页面上不显示一个标签元素时用obj.remove还是obj.css
  • angular 多个controller之间如何协调开发工作
  • 类似GrapesJS 的无编码构建web模板的工具