bootstrap+vue.js做前端框架的特点
1、易于开发：bootstrap+vue.js提供了页面数据渲染模板引擎如v-ifv-for等、提供事件绑定@click等，代码清晰明了，逻辑简单，易于上手。
2、高性能：bootstrap+vue.js提出虚拟DOM概念，以及数据驱动DOM思想，减少页面渲染成本，大幅度提高性能。
3、生态完善：许多开发者提供了对bootstrap+vue.js支持的插件如ElementUI，完善bootstrap+vue.js的生态，故使用bootstrap+vue.js进行开发，遇到的难题会较少。
4、开源社区活跃：这提供bootstrap+vue.js未来更加强大的可能性。
哪些网站使用了vue？
国内的如下网站用了vue框架：bilibili 掘金B站，简书，微信的开发文档网站。
Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。
Vue 只关注视图层， 采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
Vue.js可以作为一个js库来使用，也可以用它全套的工具来构建系统界面，这些可以根据项目的需要灵活选择，所以说，Vue.js是一套构建用户界面的渐进式框架。
Vue的核心库只关注视图层，Vue的目标是通过尽可能简单的 API 实现响应的数据绑定，在这一点上Vue.js类似于后台的模板语言。
Vue也可以将界面拆分成一个个的组件，通过组件来构建界面，然后用自动化工具来生成单页面(SPA - single page application)系统。
在本系列文章中，我们介绍了JavaScript棱镜中不同概念，算法和数据结构的基础。 长期以来，计算机科学一直是JS开发人员忽略的主题，因为它在现代开发中不适用。
我们已经为我们解决了一些基本问题，而且我们将永远不必实现自己的基本算法。 但是，对这些概念的正确理解确实可以改善我们。 不是我们JavaScript知识，而是我们对软件开发的一般理解。
在本文中，我们将研究链接列表-它们的作用以及如何实现它们。.
简单点来说你可以理解vue基于js是一个js库，但是Vue的核心库只关注视图层，Vue的目标是通过尽可能简单的 API 实现响应的数据绑定，在这一点上Vue.js类似于后台的模板语言。
angularjs，vue之类的框架如何实现可视化拖拽室组件开发，效率比手写高很多倍？
mintUI：基于vue框架，这个组件可以帮助到你
使用教程：
1.找官网
2.安装 npm install mint-ui -S -S表示 --save
3.引入mint Ui的css 和 插件
import Mint from 'mint-ui';
Vue.use(Mint);
import 'mint-ui/lib/style.css'
4.看文档直接使用。
在mintUi组件上面执行事件的写法@click.native
mt-button @click.native="sheetVisible = true" size="large"点击上拉 action sheet/mt-button
从零开始Gin Web+Vue商城的搭建（一）-- 前后端框架搭建和简单沟通
同步更新的github地址：
看了一位老哥写的《 前后分离Vue+Gin(go)总结 》以后有种自己搭一份的想法，结合最近找工作比较闲，就准备自己写一份商城源码。
一、先来实现前端部分第一步搭建Vue框架。Vue我也是第一次接触，看了半天多的文档才有了大概的了解。先不过多考虑前端的实现，首先考虑一下前后台沟通的问题。
用vue-cli搭建一个新框架，在Helloworld.vue 或者新建一个模板页。
老哥的文档中写到，他推荐使用axios插件代替jquery来和后台做交互。那么我也按照他的思路安装一个axios插件，写一个跟后台通讯的Get请求。
二、然后来搭建后台框架，老哥说的是用Gin框架来搭建，并且用cors中间件来解决跨域访问问题，咱们也先来搭建一个简单的框架。
main.go
router.go
FPList.go
在浏览器里输入localhost:8081/FPList，可以看到刚才自己定义的Json串，知道后台算是成功了。
此时再打开前端页面，可以看到后台返回的结果已经显示在页面了。
Primary:Vue{三、一个基于Vue的门户网站(经验踩坑)}
使用框架时必须熟知框架指令特性！很重要；
Bootstrap+jQuery是很好的选择！
库： 1.i18n(双语言切换)；
2.vue-router(路由）；
3.vuex(状态管理，需要进行双语言切换监听变化)；
4.ElementUI(饿了么以电脑端为主得UI框架)；
5.sass(css预处理)；
6.echarts(需要K线图，个人推荐不要用echarts,太大)；
7.axios(相对于fetch兼容性好，请求数据)
IE的坑：1.走马灯之前用的是swiper的，结果兼容性不好，4.0+兼容不好，3.0主要以移动端为主，
之后换成了ElementUI的走马灯又引导出无法覆盖ElementUI的样式，因为VUE是默认全局覆盖局部，再加一个style，不要加scoped,ElementUI是全局引入！ 解决问题。
2.经验不足，IE9不支持flex,坑、坑、坑移动端写习惯了！
3.多行文本省略只支持webkit内核浏览器，又是坑，用js控制长度搞定！
4.低版本兼容引入babel-polyfill，将build webpack.base.conf.js里entry修改为entry: {'babel-polyfill': 'babel-polyfill',app: './src/main.js'},
5.使用axios低版本兼容 es6-promise包，在main.js里引用
import promise from 'es6-promise'
promise.polyfill()
打包：1.history模式：需要服务器端配置请看官网；不需要改任何东西，路由里加mode:history即可
2.hash模式：将config里index.js里的 assetsPublicPath: '/' 改为assetsPublicPath: './',即可访问静态资源；
3.打包体积：将config里index.js里的productionSourceMap: true, 改为 productionSourceMap: false，或者待打包完之后手动删除Map文件；
4.路由懒加载（具体看官网很简单）；
5.第三方包分离将build webpack.base.conf.js里添加
externals:{；
'echarts':"echarts"
},
6.打包后css背景图无法访问，将build utils.js里添加 publicPath: '../../',
7.sass配置（webpack.base.conf.js）
{ test: /\.scss$/, loaders: ["style", "css", "sass"]},
如有写错的地方欢迎大家评论
Vue SSR 项目 Nuxt.js 框架之《设置mate与定义化html模板》
在做一些SEO的时候，一般会设置meta信息，或者做移动端项目的时候会设置一下视口等。我们一起看下在 nuxt 中如何设置 meta 和 head 内容的，以及如何定义化 html 模板。
重启后查看源码就可以看到我们设置的 head 信息了~~
页面个性化设置的时候，需要在页面里写入 head 函数并返回一个对象，如下：
这样就完成了每个页面的个性化的 meta 等一些 head 信息
每个页面的个性化设置 head 信息可以每个页面都写一个 head 函数去设置，但显得臃肿也不利于维护。我们可以在 plugins 的 mixins 文件里混入一个全局方法，每个页面去调用，以此来实现个性化的 meta 信息设置。
混入后，每个页面使用如下：
处理以上提到的设置 head 信息的方式，还可以通过定义化 html 模板来实现，但需要遵循nuxt的一些规则，比如：名称必须为 app.html ，而且必须用 双花括号 获得已设置的信息等，如下：