vue-js

vue.jsvuejs概述Vue.js是用于构建交互式的Web界面的库。它提供了MVVM数据绑定和一个可组合的组件系统，具有简单、灵活的API。 结合node.js 可以实现前后端开发从物理上的分离。使前端负责View和Controller层，后端负责数据接口，数据存储。 感兴趣可以看淘宝ued [《前后端分离的思考与实践》]vuejs有以下几个特点1.使用简单, 如：” ””{{ note }}” ”” ” var vm = new Vue({ ” el: ‘#app’, ” data: { ” note: ” ” } ” })2.外观优雅 //阻止单击事件冒泡 　　 //只在按下回车键的时候触发事件 　　　　 //lazy: 在’change’而不是’input’事件中更新 数据3.小巧灵活gzip压缩后只有25.11kb。 松耦合，和路由模块, 网络请求模块，数据模块 等相分离，可单独使用。4.功能强大模块化，可以直接使用ES6的模块化功能，再结合Webpack进行相应打包是目前最热门的方案。组件化， 通过将页面上某一组件的html、CSS、js代码放入一个.vue的文件中进行管理可以大大提高代码的维护性。如： ” ” ” 路由，结合 vue-router 可以实现各个组件的按需加载，轻松构建单页应用。如： ”export default (router) => { ” router.map({ ” ‘*’: {component: require(‘./components/not-found’)}, //notfound handler ” ‘/’: {component: require(‘./components/index’)}, ” ‘/login’: {component: require(‘./components/login’)}, ” ‘/field’: {component (resolve) {require([‘./components/defconfig/field’], resolve) }}, ” ‘/stat’: {component (resolve) {require([‘./components/defconfig/stat’], resolve) }} ” }) ” }使用1. 装 node 版本: v6.3.02. 装 npm 版本: 3.10.33. 运行命令: npm install 安装插件 、npm run dev 运行项目相关工具1. FQ工具： [lantern]2. Sublime Text3 安装 [Package Control] 安装插件：EditorConfig、Vue SyntaxHighlight3. chrome插件 安装 Vue.js devtools [Google翻译插件]4. [抓包工具 fiddler]vuejs 主要参考库：[vue] [vex][vue-router][vue-resource][vue-strap]其他参考库：[bootstrap][flint][webpack][es6][babel][node.js]一些开源的插件：[http://www.zhihu.com/question/38213423] [https://github.com/vuejs/awesome-vue#libraries–plugins]