08 2021 档案
摘要：1.directives节点 2.在定义时不需要使用v-前缀 3.函数中的el指向绑定的元素 触发的函数必须是bind directives:{ color:{ bind(el){ el.style.color="red" } } } 还可传值 <p v-color="'blue'">jjjj</p
阅读全文
摘要：1.一般用在组件封装时。 2.每个插槽都有name，默认为default。 3.v-slot把内容填充到指定名称的插槽上，简写为# 4.v-slot必须写在template上或者组件上。 5.插槽还可以传递数据 作用域插槽 <div class="title"> <slot name="one" m
阅读全文
摘要：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
阅读全文
摘要：1.侦听器的定义： 第一种：方法格式 watch：{ //侦听的名字 username(newValue,odValue){ } } 第二种：对象格式 watch：{ //侦听的名字 username:{ handler(newValue,odValue){}， immediate：true， de
阅读全文
摘要：var goods=[1,3,6]; var res=[2,4,5] var newData=[...goods,...res.data]; //newData=[1,2,3,4,5,6]
阅读全文
摘要：1.过滤器分为全局过滤器与局部过滤器。最常用的是全局过滤器。 2.过滤器的使用：一般在{{}}插值表达式中使用，在 | 管道符的后面eg： {{item.time|dates}} 3.一定记得过滤器需要有返回值，返回值！！ 4.过滤器会有一个默认的参数，也就是第一个参数是管道符前面的内容。
阅读全文
摘要：1.v-if是动态的创建或移除元素来实现元素的显隐；v-show控制样式的display来显示或者隐藏 2.若要频繁的切换元素的显示状态，用v-show性能更好 3.若刚进入页面，某些元素默认不需要被展示，而且后期这个元素很可能也不需要展示出来，此时用v-if 需要注意的是，当一个元素默认在css中
阅读全文
摘要：相同点： 1.数据源变化，则页面数据会发生变化 不同点： 1.v-model是双向数据绑定，即页面内容变化数据源也会变化。而v-bind是单向数据绑定，他不会。 2.v-model适用于表单元素中，例如：在input中，使用v-model绑定，底层实现的就是绑定的value，在checkbox，绑定
阅读全文
摘要：vue的特性：数据驱动视图，双向数据绑定。 Model-View-ViewModel： Model 层代表数据模型，也可以在 Model 中定义数据修改和操作的业务逻辑；View 代表 UI 组件，它负责将数据模型转化成 UI 展现出来，ViewModel 是一个同步 View 和 Model 的对
阅读全文
摘要：const path = require("path") // 导入html-webpack-plugin const HtmlPlugin = require("html-webpack-plugin") // 到二u const { CleanWebpackPlugin } = require(
阅读全文
摘要：{ // 处理。img // 如果调用的loader有一个 则可以写字符串 test: /\.jpg|png|jpeg|gif$/, use: 'url-loader?limit=470' } 这个limit代表图片打包限制，如果图片大小超过limit，就会以正常图片形式进行网络请求 如果小于lim
阅读全文
摘要：ES Module还具有的一些特点： 每一个模块只加载一次， 并只执行一次，重复加载同一文件，直接从内存中读取； 每一个模块内声明的变量都是局部变量， 不会污染全局作用域； 通过export导出模块，通过import导入模块 ES6模块只支持静态导入和导出，只可以在模块的最外层作用域使用import
阅读全文
摘要：1.小图片使用base64，好处：减少不必要的网络请求 缺点：体积增大，大图片不适合
阅读全文
摘要：1.webpack默认只处理js文件中的内容，处理不了其他后缀的文件 //使用ES6导入 import $ from 'jquery' // 在webpack中一切皆模块 import './css/index.css' 2.此时js中含有了css的文件，webpack处理不了，他回去查找webpa
阅读全文
摘要：webpack-dev-server插件会自动监听程序员保存操作。 注意点： 该插件会把打包生成文件存储在内存中，所以在使用的时候需要引入这个文件而不是物理磁盘上的。 <script src=" http://localhost:8080/bundle.js"></script> 为什么要把生成的文
阅读全文
摘要：在webpack.config.js中写 module.export={ mode:"devolopment", //这个是开发模式 上线的话需要更改 entry: path.join(__dirname,"./src/index1.js"), //这个是告诉webpack要处理那个文件 outpu
阅读全文
摘要：1.forEach()用来遍历数组，没有返回值。 而some()大多使用场景是找到符合条件的元素，迭代效率高，返回值是布尔。 例子：在做vue全选的时候用some()方法出现了意想不到的错误 computed: { checkAll: { get() { return this.todos.ever
阅读全文
浙公网安备 33010602011771号