随笔分类 -  vue2.0版本3.0版本项目经验分享

上一页 1 2 3 4 下一页
少踩坑。。。。正确姿势学vue'
什么是vuejs之重新认识vuejs
摘要：什么是vuejs？ 1、它是一个轻量级的mvvm框架 2、数据驱动+组件化的前端开发 3、github超过25k+的stat数，社区完善 4、vuejs更轻量，gzip后大小只有20k+ 5、vuejs更易上手，学习曲线平稳 6、吸取angular的指令和react组件化的思想 vuejs核心思想： 阅读全文
posted @ 2017-11-19 22:18 鱼樱前端 阅读(453) 评论(0) 推荐(0)
vue2.0框架认识
摘要：虚拟dom和声明式渲染： Vue的编译器在编译模板之后，会把这些模板编译成一个渲染函数 。而函数被调用的时候就会渲染并且返回一个 虚拟DOM的树 。这个树非常轻量，它的职责就是描述当前界面所应处的状态。当我们 有了这个虚拟的树之后，再交给一个patch函数，负责把这些虚拟DOM真正施加到真实的DOM 阅读全文
posted @ 2017-11-19 16:14 鱼樱前端 阅读(513) 评论(0) 推荐(0)
axios 正确打开方式
摘要：一、安装1、 利用npm安装npm install axios --save2、 利用bower安装bower install axios --save3、 直接利用cdn引入<script src="https://unpkg.com/axios/dist/axios.min.js"></scri 阅读全文
posted @ 2017-10-06 00:04 鱼樱前端 阅读(715) 评论(0) 推荐(0)
关于vue构建项目的一些指令
摘要：第一步： brew install nodejs（MAC机子下） Windows直接官网下载对应版本node.js 第二步： 获取nodejs模块安装目录访问权限（Windows系统忽略）sudo chmod -R 777 /usr/local/lib/node_modules/ 第三步： npm 阅读全文
posted @ 2017-10-04 01:43 鱼樱前端 阅读(1190) 评论(0) 推荐(0)
vue具体页面跳转传参方式
摘要：1.写数据，可以使用“.”,”[]”，以及setItems(key,value);3种方式。 例如： localStorage.name = proe;//设置name为" proe " localStorage["name "] = " proe";//设置name为" proe "，覆盖上面的值 阅读全文
posted @ 2017-09-27 23:41 鱼樱前端 阅读(3637) 评论(0) 推荐(0)
vue学习图解
摘要：vue2.0版本的学习图解个人心得！本文为原创禁止转载！！转载需要注明出处，谢谢合作！！！ 阅读全文
posted @ 2017-09-18 16:38 鱼樱前端 阅读(588) 评论(0) 推荐(1)
vue移动端开发全家桶
摘要：一句命令搞定全家桶： npm install vue-router vue-resource vuex --save main.js配置： import Vue from 'vue' import VueResource from 'vue-resource' import VueRouter fr 阅读全文
posted @ 2017-09-09 19:25 鱼樱前端 阅读(1843) 评论(0) 推荐(0)
vue2.0 动态切换组件
摘要：组件标签是Vue框架自定义的标签，它的用途就是可以动态绑定我们的组件，根据数据的不同更换不同的组件。 阅读全文
posted @ 2017-09-08 15:36 鱼樱前端 阅读(4368) 评论(0) 推荐(0)
vue2.0自定义事件
摘要：我们知道父组件是使用props传递数据给子组件，如果子组件要把数据传递回去，怎么办？ 那就是要自定义事件！使用v-on绑定自定义事件 每个Vue实例都实现了事件接口（Events interface）, 即 使用$on(eventName) 监听事件 $emit(eventName) 触发事件 阅读全文
posted @ 2017-09-08 15:08 鱼樱前端 阅读(4479) 评论(0) 推荐(0)
vue2.0 静态prop和动态prop
摘要：动态prop： 静态prop： 阅读全文
posted @ 2017-09-08 15:03 鱼樱前端 阅读(4162) 评论(0) 推荐(0)
vue2.0 组件化
摘要：简单理解其实组件就是制作自定义的标签，这些标签在HTML中是没有的。 组件注册的是一个标签，而指令注册的是已有标签里的一个属性。在实际开发中我们还是用组件比较多，指令用的比较少。 全局注册： 局部注册： 阅读全文
posted @ 2017-09-08 14:54 鱼樱前端 阅读(538) 评论(0) 推荐(0)
vue1.0生命周期
摘要：vue生命周期 {{a}} 我是内容二 阅读全文
posted @ 2017-09-08 00:02 鱼樱前端 阅读(392) 评论(0) 推荐(0)
vue2.0生命周期函数
摘要：create 和 mounted 相关: beforecreated：el 和 data 并未初始化 created:完成了 data 数据的初始化，el没有 beforeMount：完成了 el 和 data 初始化 mounted ：完成挂载 dom元素已经加载到HTML中 destroy 相关 阅读全文
posted @ 2017-09-08 00:01 鱼樱前端 阅读(236) 评论(0) 推荐(0)
vue2.0 vue.set()
摘要：外部数据，就是不在Vue构造器里里的data处声明，而是在构造器外部声明，然后在data处引用就可以了。外部数据的加入让程序更加灵活，我们可以在外部获取任何想要的数据形式，然后让data引用。 在外部改变数据的三种方法： 1、用Vue.set改变 function add(){ Vue.set(ou 阅读全文
posted @ 2017-09-07 23:51 鱼樱前端 阅读(1142) 评论(0) 推荐(0)
vue2.0 vue.extend()的拓展
摘要：还可以通过HTML标签上的id或者class来生成扩展实例构造器，Vue.extend里的代码是一样的，只是在挂载的时候，我们用类似jquery的选择器的方法，来进行挂载就可以了。 阅读全文
posted @ 2017-09-07 23:34 鱼樱前端 阅读(3000) 评论(0) 推荐(0)
vue2.0 自定义指令详解
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="vue2.2.js"></script> </head> <body> <div id="app"> <div v-lang="colo 阅读全文
posted @ 2017-09-07 23:16 鱼樱前端 阅读(13851) 评论(1) 推荐(1)
vue2.0 v-model指令
摘要：双向绑定原理： 阅读全文
posted @ 2017-09-07 22:39 鱼樱前端 阅读(495) 评论(0) 推荐(0)
vue2.0排序应该注意的问题
摘要：在computed里新声明了一个对象sortItems，如果不重新声明会污染原来的数据源，这是Vue不允许的，所以你要重新声明一个对象。 如果不重新声明报错： V-for 案例 v-for指令用法 ... 阅读全文
posted @ 2017-09-07 22:16 鱼樱前端 阅读(4225) 评论(0) 推荐(0)
vue2.0版本指令v-if与v-show的区别
摘要：v-if： 判断是否加载，可以减轻服务器的压力，在需要时加载。 v-show：调整css dispaly属性，可以使客户端操作更加流畅。 v-if示例： v-show示例： 阅读全文
posted @ 2017-09-07 21:51 鱼樱前端 阅读(571) 评论(0) 推荐(0)
vuex使用之state访问状态对象
摘要：引入vuex1.利用npm包管理工具，进行安装 vuex。在控制命令行中输入下边的命令就可以了。 npm install vuex --save 需要注意的是这里一定要加上 –save，因为你这个包我们在生产环境中是要使用的。 2.新建一个vuex文件夹（这个不是必须的），并在文件夹下新建store 阅读全文
posted @ 2017-08-18 13:16 鱼樱前端 阅读(1310) 评论(0) 推荐(1)

上一页 1 2 3 4 下一页