冰镇汽水

摘要： 1.vue内置<component>组件 相当于一个占位符，它的is属性的值是要显示的组件 在运行时发现一个问题，每次控制组建的显隐时都会触发created，destory函数，为了防止这样的消耗， 使用keep-alive，解决。其中include是名称匹配的缓存，exclude是名称匹配的不缓存 阅读全文

摘要： this.$nextTick这个方法作用是当数据被修改后使用这个方法会回调获取更新后的dom再渲染出来 例子：想让输入框显示出来后自动获取焦点 showBtn(){ this.isVisible=true; //获取ref 获取不到 //原因是啥呢：在数据改变时 需要经历 beforeUpdate阶 阅读全文

摘要： 1.主要作用：获取dom元素或者组件的引用。 $refs是vue内置的空对象， 2.使用：ref=”自定义的名字“ 获取 this.$refs.自定义名字 当获取的是组件的引用时，可以操作组件。 阅读全文

摘要： 1.父组件向子组件中传送数据 方法：使用自定义属性，即在子组件中利用props接收父组件中利用自定义属性传过来的值 在这里请注意 需要用v-bind绑定自定义属性进行传值，否者传过来的是字符串。 <Left :mes="message" :ages="age"></Left> 上述代码如果mes不绑 阅读全文

摘要： 1.为什么应用 解决组件中的样式冲突，让自己的样式只在自己的作用域中应用，不用影响别的组件 实际应用：在使用第三方库组件时，需要更改样式，就可以用这种方法， scoped的原理：给每个元素增加一个自定义的属性用来区分，即 h2[data-v-01]{样式},给这个组件所有的标签都增加上这个自定义属性 阅读全文

摘要： 1.props是自定义属性允许当前使用者为当前组件赋初值。 2.props是只读的！千万别直接修改 3.props的对象格式：更多属性请参考： https://www.cnblogs.com/hongdoudou/p/12673732.html props:{ default:, require:, 阅读全文

摘要： 错误思想：想把全局组件定义到App.vue中，只想着App.vue是根组件 纠正：当时没有想到组件之间是相互独立的，而且根组件也只是组件而已，即使我把全局组件定义到App.vue中，别的组件也访问不到，更别提根本就定义不了！所以全局组件需要定义到入口main.js中，在组件中只能定义局部组件！ 阅读全文

摘要： 1.组件的组成：template，script，style 2.组件的script写法 <script> export default({ //data这里是一个函数！ data:function(){ return { //data这里写要传的数据 } } }) </script> 3.注意：《1 阅读全文

摘要： export default({ data:function(){ return {username:"popo",num:0} }, methods:{ change(){ this.username="hahah" }, }, //创建阶段 // 第一阶段 beforeCreate 此时prop 阅读全文

摘要： 1.ajax，jqueryAjax，fetch，axios的比较 几种方式的对比 ajax： 【优点：局部更新；原生支持】 【缺点：可能破坏浏览器后退功能；嵌套回调】 jqueryAjax： 【在原生的ajax的基础上进行了封装；支持jsonp】 fetch： 【优点：解决回调地狱】 【缺点：API 阅读全文