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 }}

原文地址:https://www.cnblogs.com/lhl66/p/7381831.html