vue框架的知识

基础：实例----组件----指令----选项-----计算属性----事件绑定----模板渲染-----内置动画

---组件交互----路由。

vuejs干了什么事情：数据渲染/数据同步 组件化/模块化开发 其他：路由，ajax，数据流。

Vue实例对象： 其实是构造函数！
new Vue（{
　　el:"" , 挂载到哪里。。。
　　template："<p>{{frut}}</p>",
　　data:{
　　　　frut:sssdffd
　　}

}）

main.js入口文件 全局调用 全局注册

根组件 向上:--header nav side footer.......依次向上添加组件 vm.$on////的是实例的方法

（item in objlist） {{key+value}} 数组的话item in arrylist item.啥啥啥的

components：{组件：组件}es6 缩写 直接同名写一个就行了 组件v-for成为动态传值最好的做法。

不是所有的数组方法可以触发列表更新

直接改变长度不会渲染的解决方案。
vue.set（需要更改的数组，第几项，{新的}）
v-show css控制的显示隐藏 v-if是不在dom结构 里面的了 都可以跟v-else

子组件 this.$emit(事件名，可以带个参数过去)

v-model.lazy延迟更新数据/num指定为数字

export default{
　　data（）{
　　　　return{
　　　　　　A:PPP
　　　　}
　　}，
　　components：{需要注册的组件名}， 写在HTML用驼峰式 a-b的形式标签。。
　　created：{初始化数据}，
　　methods：{
　　　　方法/如事件调用的
　　}，
　　computed：{

　　　　　　　　会被缓存计算属性
　　}，
　　watch：{ 监听属性变化
　　　　myVal：function（newVal，oldVal）{}
　　}
}
<p :is="组件名"></p> 动态组件。可以切换不同组件的渲染

v-on 指令，它用于监听 DOM 事件

每个绑定都只能包含单个表达式

Vue.js 允许你自定义过滤器 过滤器函数总接受表达式的值作为第一个参数。过滤器是 JavaScript 函数，因此可以接受参数

v-for="(value, key, index) in object
{{ index }}. {{ key }} : {{ value }}