vue.js - vue-cli

问题描述

问 题

绿色注释掉的 和 render写到的有什么不同。有些时候两个出来的效果完全一样，有些时候效果有差异！？

解决方案

组件的写法有几种：

1. template化组件。使用字符串做模板，简单的模板情况下可以用此方案，复杂一定的，在字符串内些html很痛苦。

2. template分离组件。分离模板到html内，好处是html和js分离，坏处是组件代码不是一体化的

3. 单文件组件vue。这个是vue最推荐的，组件代码一体化，并且html和js分离，坏处是必须webpack等打包工具，需要复杂的依赖和配置。

4. render函数化组件。依赖最少，带上代码无法体会html的描述型魅力

都是可以的。其中第四个是最基础的，前面的集中都会首先通过vue-loader预处理成第四种。它们各有优点缺点。
想要看懂以上内容，需要你懂得这四种模式的样本，所以，需要先看：

https://segmentfault.com/a/11...

这篇关于vue.js - vue-cli的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！