![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
饮冰十年
饮冰十年,热血难凉
展开
-
vue的常用的属性和方法及生命钩子
一、数据类型:1.data :Vue 实例的数据对象var data = { a: 1 }// 直接创建一个实例var vm = new Vue({ data: data})vm.a // => 1vm.$data === data // => true// Vue.extend() 中 data 必须是函数var Component = Vue.exten原创 2017-09-27 21:45:06 · 1708 阅读 · 0 评论 -
vue实现简单购物车页面部分功能
为实现功能为第一,布局引用框架,不足支出请指正一、body部分的代码: 购物车 总件数: {{totalNum}} 总价格: {{totalPrice}} {{n.title原创 2017-09-27 21:58:52 · 1064 阅读 · 0 评论 -
vue2.0之间组件的传值
1.标签 {{el.tourism_name}} {{el.tog_line_id}} {{el.address}} 2.在组件中,需要传动态参数时,可以如上例子 3.query中的参数id就是要传的参数,在组件中获取的方法为:created: function() { var id = this.$rout原创 2017-11-24 13:55:56 · 302 阅读 · 0 评论 -
VUE与Reactjs、angualrjs的区别
Vue与react.js的区别相同点:vue和react是两个不像相同的框架,但是他们之间也是用共同特点的,所有的前端框架都有一些相同的特点,vue和react之间关键的相同之处在于,它们在被设计出来时所用的理念是一样的,比如:都用到了component组件,props参数传递,组件之间的通信,state状态管理器,lifecircle声明周期等等,似乎现在的前端框架都已经原创 2017-11-09 20:25:29 · 1617 阅读 · 0 评论 -
vuex的基础
vuex是什么 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。什么是‘状态管理’简单的...原创 2018-02-26 12:48:01 · 628 阅读 · 0 评论 -
vue实际项目解决办法
解决vue变量未渲染前代码显示问题将v-cloak最好写在根标签上:<div v-cloak> {{demo}} </div> 绑定动态的样式:style="{'stroke-dasharray': item.img}"注:属性为 stroke-dasharray使用单引号区分,不然会报错v-for多层循环 <d原创 2018-06-04 19:45:55 · 774 阅读 · 0 评论 -
NUXT的项目的优点
NUXT的项目的优点1.NUXT是什么?Nuxt.js简单的说是Vue.js的通用框架,最常用的就是用来作SSR(服务器端渲染)。 首先说下 SSR,最近很热的词,意为 Server Side Rendering(服务端渲染),目的是为了解决单页面应用的 SEO 的问题,对于一般网站影响不大,但是对于论坛类,内容类网站来说是致命的,搜索引擎无法抓取页面相关内容,也就是用户搜不到此网站的相...原创 2018-08-25 23:45:12 · 20845 阅读 · 1 评论 -
vue中的v-for的key值
vue中的key要解释key的作用,不得不先介绍一下虚拟DOM的Diff算法了。我们知道,vue和react都实现了一套虚拟DOM,使我们可以不直接操作DOM元素,只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的Diff算法。vue和react的虚拟DOM的Diff算法大致相同,其核心是基于两个简单的假设:两个相同的组件产生类似的DOM结构,不同的组件产生不同的DOM结构。...原创 2019-03-03 14:23:50 · 5631 阅读 · 0 评论