零度从容

摘要： app.vue页面 初始化数据，通过调用vuex mutation里定义的方法 调用保存到localstorage中的书架信息、搜索历史记录、字体大小和皮肤 并把这些数据保存的vuex state中 1.书架页 Myshelf url:http://localhost:8080/myshelf my 阅读全文

摘要： 一、input type类型 1.Input 类型 - email 在提交表单时，会自动验证 email 域的值。 当不符合邮箱的时候会自动弹出 2.Input 类型 - url url 类型用于应该包含 URL 地址的输入域。 在提交表单时，会自动验证 url 域的值。 错误时提示 3.Input 阅读全文

摘要： 一. 使用vuex修改state时，有两种方式： 1.可以直接使用 this.$store.state.变量 = xxx; 2.this.$store.dispatch(actionType, payload) 或者： this.$store.commit(commitType, payload) 阅读全文

摘要： vue 绑定样式 对象语法 1.v-bind:class设置一个对象，动态切换class 2.:class可以和class共存 3. :class可以绑定数据中的对象 数组语法 4.v-bind:class设置一个数组 使用了数组就要在data中指定重命名 5.三元表达式 三元表达式 6.数组语法中 阅读全文

摘要： 1.Promise （名字含义：promise为承诺，表示其他手段无法改变） Promise 对象代表一个异步操作，其不受外界影响，有三种状态： Pending（进行中、未完成的） Resolved（已完成，又称 Fulfilled） Rejected（已失败） promises的优势 1.解决回调 阅读全文

摘要： Vue nextTick使用 vue生命周期 原因是在created()钩子函数执行的时候DOM 其实并未进行任何渲染，而此时进行DOM操作无异于徒劳，所以此处一定要将DOM操作的js代码放进Vue.nextTick()的回调函数中。 用法：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之 阅读全文

摘要： slot插槽使用 使用场景，一般父组件中又一大段模板内容需要运用到子组件上。或者更加复杂的，子组件需要运用到父组件大段模板内容，而子组件却不知道挂载的内容是什么。挂载点的内容是由父组件来决定的。 Slot的通俗理解 slot是“占坑”，在组件模板中占好了位置，当使用该组件标签时候，组件标签里面的内容 阅读全文

摘要： 1.查询ip地址 win+R打开cmd 窗口 输入ipconfig 找到IPV4地址 192.168.x.xxx 2.在vue项目config文件夹中的index.js,将localhost换为ipv4地址 3.重新编译项目，命令行运行npm run dev命令开启服务 4.电脑或手机端浏览器地址栏 阅读全文

摘要： vue-router mode模式有两种 hash和history。 1.hash —— 即地址栏 URL 中的 # 符号。比如这个 URL：http://www.abc.com/#/hello，hash 的值为 #/hello。它的特点在于：hash 虽然出现在 URL 中，但不会被包括在 HTT 阅读全文

摘要： Web浏览器在计算有效宽度时会考虑浏览器窗口的打开宽度。如果你不给宽度设定任何缺省值，那浏览器会自动将页面内容平铺填满整个横向宽度。但是高度的计算方式完全不一样。事实上，浏览器根本就不计算内容的高度，除非内容超出了视窗范围(导致滚动条出现)。或者你给整个页面设置一个绝对高度。否则，浏览器就会简单的让 阅读全文