摘要:
1,初始化显示: ① beforeCreate() ② created() ③ beforeMount() ④ mounted() 2,更新状态:this.xxx = value ① beforeUpdate() ② updated() 3,销毁 Vue 实例:vm.$destory() ① bef 阅读全文
摘要:
组件基础 在 Vue 中,一个组件本质上是一个拥有预定义选项的一个Vue实例,在Vue中注册组件: 组件是可复用的Vue实例,并且带有一个名字,如 “ todo-item”,我们可以在一个通过 new Vue 创建的Vue 根实例中,把这个组件作为自定义元素来使用。 因为组件是可复用的Vue实例,所 阅读全文
摘要:
使用 v-model 对表单数据自动收集,v-model 能轻松实现表单输入和应用状态之间的双向绑定 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width 阅读全文
摘要:
列表显示指令 数组:v-for / index 对象:v-for / key 变更方法 Vue 将被侦听的数组的变更方法进行了包裹,所以它们也将会触发视图更新,这些被包裹的方法包括: 替换数组(非变更方法) 如: filter(),concat(),和 slice(),它们不会变更原始数组,而总是返 阅读全文
摘要:
条件渲染指令 ① v-if 与 v-else 在 <template> 元素上使用 v-if 条件渲染分组: 当想切换多个元素时,此时可以把一个 <template> 元素当作不可见的包裹元素,并在上面使用 v-if,最终的渲染结果将不包含 <templage> 元素 v-else-if ,充当 v 阅读全文
摘要:
Vue.js : 1,一套用于构建用户界面的渐进式 JavaScript 框架 2,动态构建用户界面 3,VUE的特点: ① 遵循 MVVM 模式 ② 编码简洁、体积小、运行效率高,适合移动 / PC 端开发 ③ 它本身只关注 UI,可以轻松引入 vue 插件 或 其他第三方库开发项目 4,借鉴 a 阅读全文
摘要:
1,拆分组件 共四个组件 todoHeader、todoList、todoItem、todoFooter App.vue 中布局: 接着分别编写 todoList、todoItem、todoHeader、todoFooter 组件 2,初始化数据渲染 App.vue中定义初始化数据 将 todos 阅读全文
摘要:
1,组件间通信基本原则 ① 不要在子组件中直接修改父组件的状态数据 ② 数据在哪,更新数据的行为(函数)就应该在哪。 2,vue 组件间通信方式 ① props 使用组件标签时, <myComponent name="Tom" :age="13" :setName="setName" ></myCo 阅读全文
摘要:
创建也给 向 local 中存储数据的工具模块 utils / storageUtil.js App.vue 中,页面初始数据,调用 storageUtil 中的 readTodos() App中监视 todos 属性,将 todos 每次更新后的值存到本次缓存中 阅读全文
摘要:
vue项目中常用的2个 ajax 库 1,vue-resource:vue插件,非官方库,vue1.x 使用广泛 https://github.com/pagekit/vue-resource 基本使用: import VueResource from 'vue-resource' //引入模块 V 阅读全文