Vue 开发总结

Vue 开发总结



Vue是一个对象（还没有实例化）



import 使用的是ES6的语法，进行打包时再使用另一个工具(babel)变为ES5的语法,


Vue.use(VueRouter)//相当于向Vue中加组件或组件库
http://www.cnblogs.com/dupd/p/6716386.html（Vue.use源码分析）


computed相当于定义了一个变量和一个监听器，监听器里做改变变量的值



import xxx from "ss/sss.vue"
实现是靠vue-loader的
vue-loader是一个webpack的loader；可以将vue文件转换为JS模块；
它只是返回一个组件对象，还是没有注册进根Vue的,要使用还要使用Vue.use(全局注册)，或写入components(局部注册)


Vuex store 传递到所有子组件的原理，是通过在beforeCreate中加入this.$store为传入的store来实现的
https://segmentfault.com/a/1190000012082954（Vue 组件中获得 Vuex 状态）


每个组件都会创建一个vm实例,并且都会有他的监听和勾子函数，实例化过程是先全局的再局部的


Vue.mixin。全局混入，全局注册一个混入，影响注册之后所有创建的每个 Vue 实例。
就是定义一些勾子函数，使得每个组件在创建、创建前、方法调用等时调用这个mixin定义的函数进行一些处理(如Vuex store 传递)
https://blog.csdn.net/qq_20567691/article/details/81459747


https://www.cnblogs.com/beka/p/8583924.html(vue-router路由传参)

https://blog.csdn.net/sinat_17775997/article/details/68941091((vue-router路由)


传进子组件的数据如果是一次性的就可以在子组件中不用监听他的变化，但如果会变化就要在监听中进行重新获取了，子组件的生命周期勾子函数只会调用一次，所以传到子组件的数据要变化，要监听这个变量


通过组件prop传入的参数在子组件中相当于有了这个变量，可以直接用this.xxx进行访问,所以子组件中不要再定义一个与这个名字相同的变量名了


Vue2中ref属性,用于标记字组件或元素，他们注册时会放到$refs,所以可以通过this.$refs.xxxxxx（ref名字）访问到,
this.$refs.element.handleClear()


实现动态组件的效果
<component v-bind:is=“whichcomp”>

tabs就可以使用这种方式实现tabs的内容为组件,(vueTest有一个这样的例子)