Vue如何实现一个长尾词的动态表格展示？

本文共计3072个文字，预计阅读时间需要13分钟。

目录：

1.脚本式开发

2.工程化开发

3.工程化与脚本的区别

4.来到table试试水

4.1 目标 4.2 思路 4.3 设计与编码 4.4 效果

5.业务分离

6.功能拓展——个性化设置

目录：

• 1、脚本式开发.
• 2、工程化开发
• 3、工程化和脚本的区别
• 4、来个table试试水
• 4,1、目标
• 4.2、思路
• 4.3、设计与编码
• 4.4、效果
• 5、业务分离
• 6、功能拓展——个性化设置

正文：

我以前是后端（asp.net）开发，会点js、jQuery，但是不会写js特效，至于css嘛，拿来用现成的可以，自己动手写就不会了。

发现现在前端开发的势头太猛了，有一点要干掉后端的感觉，于是萌发了想要学一学前端开发的想法。那么前端三大框架，先学哪一个呢？就先学学Vue吧，为啥呢？很简单呀，他只有三个英文字母，好记好写。

Vue的学习时间比较短，才三、五天吧，所以有些用法可能很稚嫩，甚至是错误的，不过不怕，才刚开始学，及时发现错误及时改正就好。每天都写点心得，万一遇见好人给指点一二，那就挣大发了。

Vue至少有两种开发方式：脚本是开发和工程化开发。

一、脚本式开发

就是和jQuery的使用有点像，在页面里引用vue.js，然后按照vue的规则写模板、写代码，就可以开鲁了。