随笔分类 - 5.前端框架
摘要：本文给大家介绍了vue项目中跨域问题的完美解决方案，通过更改header，使用http-proxy-middleware 代理解决（项目使用vue-cli脚手架搭建） 方法 后台更改header 使用http-proxy-middleware 代理解决（项目使用vue-cli脚手架搭建） Jquer
阅读全文
摘要：A:router路由配置 export default new Router({ routes: [ { path: '/home', name: 'Home', component: Home, children:[ {path:'home1',component:Home1}, {path:'h
阅读全文
摘要：vue 如何在循环中 "监听" 的绑定v-model数据 阅读目录 vue 如何在循环中 "监听" 的绑定v-model数据 1. 普通属性的值进行监听 2. 监听对象的变化 3. 监听对象中具体属性值的变化 4. vue 如何在循环中 "监听" 的绑定v-model数据 回到顶部 1.普通属性的值
阅读全文
摘要：父组件是通过props属性给子组件通信的来看下代码： 父组件： <parent> <child :child-com="content"></child> //注意这里用驼峰写法哦 </parent> data(){ return { content:'sichaoyun' }; } 子组件通过pr
阅读全文
摘要：前言： 前言： 钩子就好像是把人的出生到死亡分成一个个阶段，你肯定是在出生阶段起名字，而不会在成年或者死亡的阶段去起名字。或者说你想在出生阶段去约炮，也是不行的。组件也是一样，每个阶段它的内部构造是不一样的。所以一般特定的钩子做特定的事，比如ajax获取数据就可以在mounted阶段。 一、vue生
阅读全文
摘要：前言 vue1.0版本和2.0版本的过渡系统改变还是蛮彻底的，具体请自行详看文档介绍：https://vuefe.cn/v2/guide/migration.html#过渡。在使用2.0版本做过渡效果的时候，虽然比1.0版本强大很多，但是实践过程中还是踩了一些不应该踩但是还是踩了的坑。虽然官网文档已
阅读全文
摘要：简介 “简单却不失优雅，小巧而不乏大匠”。 2016年最火的前端框架当属Vue.js了，很多使用过vue的程序员这样评价它，“vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点”。授予了这么高的评价的vue.js，也是开源世界华人的骄傲，因为它的作者是位中国人–尤雨溪（
阅读全文
摘要：前言：最近有小伙伴问我，是不是用vue脚手架生成的项目就不能jquery了呢？显然，答案是否定的，必须能用。但是个人建议最好不要用了，用人家vue提供的不好嘛。 一、用vue-cli生成项目 1. vue init webpack-simple vue-jq 2. cd vue-jq 3. cnpm
阅读全文
摘要：书接上文 前言：经过前两节的学习，我们已经可以创建一个vue工程了。下面我们将一起来学习制作一个简单的实战案例。 说明：默认我们已经用vue-cli（vue脚手架或称前端自动化构建工具）创建好项目了 一、 项目说明 ps：这个简单小项目只提供一个小小小的骨架，需要向“它”身上具体加多少“肉”，需要大
阅读全文
摘要：书接上文我们说道，如何利用脚手架（vue-cli）构建一个vue项目，本回书我们一起来学习分析下代码。 回顾下创建后的项目目录： 说明：在*.vue文件，template标签里写html代码，且template直接子级只能有一个标签。style标签里写样式，script里面写js代码 a. 页面：i
阅读全文
摘要：ps: 想了解更多vue相关知识请点击VUE学习目录汇总 Vue作为前端三大框架之一截至到目前在github上以收获44,873颗星，足以说明其以悄然成为主流。16年10月Vue发布了2.x版本，经过了一段时间的摸索和看官方的教程和api，才了解到2.0版本在1.0版本的基础上做了好多调整，废弃了好
阅读全文
摘要：1.生命周期 根据提供的生命周期钩子说明Vue.js实例各个阶段的情况，Vue.js 2.0对不少钩子进行了修改，以下说明：（灰色字体代表是 2.0已经废弃或者被更名的钩子，黑色字体代表1.0 和2.0中 都有的钩子，红色字体代表 2.0新增的钩子）； init ： 在实例开始初始化时同步调用，此时
阅读全文
摘要：一、 node安装 1）如果不确定自己是否安装了node,可以在命令行工具内执行： node -v （检查一下 版本）； 2）如果 执行结果显示： xx 不是内部命令，说明你还没有安装node , node 安装地址：http://nodejs.cn/download/ 注 ：安装 vue-cli
阅读全文
摘要：由于 npm 安装速度慢，本教程使用了淘宝的镜像及其命令 cnpm，安装使用介绍参照：使用淘宝 NPM 镜像。 npm 版本需要大于 3.0，如果低于此版本需要升级它： 在用 Vue.js 构建大型应用时推荐使用 NPM 安装： 命令行工具 Vue.js 提供一个官方命令行工具，可用于快速搭建大型单
阅读全文
摘要：1.Vuejs组件 vuejs构建组件使用 Vue.component('componentName',{ /*component*/ })； 这里注意一点，组件要先注册再使用，也就是说： Vue.component('mine',{ template:'#mineTpl', props:['nam
阅读全文
