组件实例的感化域是孤立的。这意味着不克不及在子组件的模板内直接引用父组件的数据。要让子组件应用父组件的数据，我们须要经由过程子组件的props选项。如本例所示，子组件star要显式的应用props选项声明它等待获得的数据。在这里就是指的“size”和“score”两个变量。我们可以经由过程父级给子组件star传入大年夜小和数置魅这两个对象，来实现对子组件的定制化。

过渡效不雅

Vue 在插入、更新或者移除 DOM 时，供给多种不合方法的应用过渡效不雅，可以用简单的几行代码实现酷炫的过渡效不雅。Vue 供给了 transition 的封装组件，在应用v-if、v-show等办法使得transition内部dom元素产生变更时，可以给任何元素和组件添加 entering/leaving 过渡。

当v-show中内容产生变更时，transition组件中的元素会产生状况的改变，在应用了transition封装后，Vue会主动辨认目标元素是否应用了CSS过渡效不雅动画，如不雅有，会在合适的机会添加 entering/leaving的class来实现该过渡效不雅。

下图所示是一个简单的过渡效不雅的例子，须要将想实现过渡效不雅的元素放在transition标签中担保，经由过程name=“slide-fade”来声明过渡效不雅名称，并在对应的vue文件中添加过渡效不雅 的css样式，如许就可以简单的完成该元素的过渡效不雅。

router/文件夹存放的是跟vue-router相干的路由设备项

总结

根据不完全统计，包含饿了么、苏宁易购、美团、天猫、Laravel、htmlBurger等国表里有名大年夜公司都在应用vue进行新项目标开辟和旧项目标前端重构工作。

此外，vue + vuex+ axios + vue-router + webpack + es6 + less的项目架构成为了越来越多大年夜公司的第一选择。

【编辑推荐】

1. 6 大年夜主流 Web 框架优缺点比较
2. 挑衅万元高薪之Java-SpringMVC4.x框架进修详解
3. 大年夜佬谈谈越来越难做的前端，为什么很多人低下了头
4. 2017前端大年夜事宜和趋势回想，2018何去何大年夜？
5. JavaScript开辟者：最爱好React，Vue.js比Angular更值得测验测验 | 2017 JS查询拜访申报

　　推荐阅读

　　什么是僵尸进程，如何找到并杀掉僵尸进程？

开辟者大年夜赛路演 | 12月16日，技巧立异，北京不见不散 如不雅你经常应用 Linux，你应当碰到这个术语“僵尸过程Zombie Processes”。 那么什么是僵尸过程？ 它们是怎么产生的？>>>详细阅读

本文标题：可能是目前最完整的前端框架Vue.js介绍

地址：http://www.17bianji.com/lsqh/39797.html

 1/2    1