随笔分类 - 2018 - vue
转载于：http://doc.liangxinghua.com/vue-family
有增改.
摘要：描述：插槽，也就是slot，是组件的一块HTML模板，一个slot最核心的两个问题是显示不显示和怎样显示 插槽分类： 1.1 单个插槽（单个插槽，别名默认插槽、匿名插槽，不用设置name属性） 1.2 具名slot（插槽加了name属性，就变成了具名插槽。具名插槽可以在一个组件中出现N次，出现在不同
阅读全文
摘要：1. 选项模板 2. template模板 3. script标签模板
阅读全文
摘要：1. 全局组件 2. 局部组件 3. 常规属性传值（props属性传值） 4. v-bind传值 4.1 属性取值 4.2 在构造器向组件传值（v-bind） 5. 父子组件调用 5.1 父组件 5.2 子组件 6. 组件注册 官方文档：https://cn.vuejs.org/v2/guide/c
阅读全文
摘要：1.v-test绑定的是bgcolor var app = new Vue({ el: '#app', data: { num: 123, color: 'red', age: 12, bgcolor:'#f00' } }) var app = new Vue({ el: '#app', data:
阅读全文
摘要：1.$on（在构造器外部添加事件） 2.$once（执行一次的事件） 3.$off（关闭事件） 4.$emit（事件调用）
阅读全文
摘要：1.计算属性（computed）：主要是对原数据进行改造输出。改造输出：包括格式化数据（价格，日期），大小写转换，排序，添加符号 2.methods（methods）：用于绑定html中的事件对应的方法 3.数据变化监听器（watch）：主要用于监测data中的数据变化，让v-model生效 4.过
阅读全文
摘要：图例 官网vue生命周期钩子. 生命周期 说明 生命周期钩子示例代码 在chrome浏览器里打开，F12看console查看，分三个阶段解读： 阶段一：创建和挂载 beforecreated：el 和 data 并未初始化 created：完成了 data 数据的初始化，el没有 beforeMou
阅读全文
摘要：1.v-pre，不和绑定的数据冲突，也就是不用它们的值 2.v-cloak，和css样式一起用，vue渲染未完成不显示 3.v-once，只渲染DOM第一次渲染的值，以后不会改变了(你不要刷新网页，然后说我骗你啊！ 伤不起)
阅读全文
摘要：1. 用于处理html标签的动态属性，即动态赋值（动态地绑定一个或多个特性，或一个组件 prop 到表达式） 2. 官网API 不知道你有没有做过这样的事情：
阅读全文
摘要：1. v-model：监听表单（input,textarea,selector）value. 2. label不知道你有没有这样的体验，我明明没有点用户名输入框，而仅仅是点了“用户名”三个字，然后就直接到了用户名的输入框聚焦. 3. label和label for 有什么关系吗? label包括起来
阅读全文
摘要：1. v-on绑定：on:click点击事件，再触发方法里面的add()或del() 2. 详情查看官方文档：https://cn.vuejs.org/v2/api/#v-on
阅读全文
摘要：1.官方有了{{data}}绑定数据了，为啥还要v-text 因为网络问题,可以我们会卡到看“{{}}”,很尴尬吧！！！ => 因此推荐用v-text 2. v-html是啥? 能吃吗 , v-html和innerHTML一样.
阅读全文
摘要：1. 遍历对象时,参数： 第一个为值，第二个为键名，第三个为索引
阅读全文
摘要：注释上，也很清楚了哈. 1. item是循环名字,items是循环的数组
阅读全文
摘要：1.与小程序不同之处一，小程序无论变量还是常亮都可以用双向绑定来解决{{}},而vue一旦双(单)引号包起来以后就失效了. 2.注意一点，切记双引号注意不要混淆哈，这里是一排双引号包单引号，那里是一排单引号包双引号 3.注意 = 、== 、 、 !=、 !==的区别. 4.频繁切换就不要用v-if了
阅读全文
摘要：1.cdn概念：cdn全称内容分发网络,也是加速服务之一. 2.数据绑定：{{data}} 3.el属性(挂载对象):el:标签任意(例如：#app,.app,app) 4.data:{} => 小程序的data：存放数据. 5.如果使用cdn，建议采用require.js，否则建议vue.js本地
阅读全文
