spring0205的博客

Vue学习记录容器和实例是一一对应的关系数据绑定v-bind和v-modelv-bind是单向绑定 不能通过界面修改数据v-model是双向绑定 可以通过界面修改数据v-model的使用是有范围的，只能应用在表单类元素类（input、select）v-model：value可以简写为 v-model 因为v-model默认收集的就是value的el和data两种写法el：（两种都可以用）第一种写法：el：‘#root’第二种写法：v.$mount(‘#root’)data第一种写法

什么是VuexVuex是一个专门为Vue.js应用程序开发的状态管理模式采用集中式存储管理应用到所有组件的状态 并以相应的规则保证状态以一种可预测的方式发生变化状态管理是什么：其实就是将需要多个组件共享的变量全部存储在一个对象里面 然后将这个对象放在顶层的vue实例中 让其他组件可以使用和我们自己写的比起来有“响应式”的特点Vues管理什么状态需要在多个界面共享的问题比如用户的登录状态、用户名称和地理位置信息等比如商品的收藏、购物车中的物品等Vuex单页面到多页面状态管理切换想要让he

Promisesync-同步async-异步是异步编程的一种解决方案——出现了“回调地狱”什么情况下需要用到promise？一般情况下是有异步操作的时候 使用promise对这个异步操作进行封装 在执行传入的回调函数的时候 会传入两个参数resolve和reject可以写为这种写法实现请求和处理的分离 让代码更加优雅需要传递参数的时候promise的三种状态发送网络请求后 就是等待状态pendingpromise的另一种写法...

cli的使用Router什么是路由和其中的映射关系

模块化开发常见的模块化规范：CommonJS AMD CMD ES6的Modules模块化有两个核心：导入和导出CommonJS导出对象中定义的变量导入导入导出函数、类或者export default某些情况下一个模块中包含着某个功能 我们不希望给这个功能命名 而且让导入者可以自己来命名 这个时候就可以用export default注意在同一个模块中不能出现多个export default统一全部导入Webpack本质上来讲：是一个现代的JavaScr

slot插槽插槽的基本使用组建的插槽是为了让我们封装的组件更加有拓展性让使用者可以决定组件内部的一些内容到底展示什么原来的写法 四个组件输出的都是一样的 想要进行某一个的不同设置 无法做到 可扩展性不强相似性很强 结构一样但是内容不一样 用slot抽取共性 保留不同出现插槽里面button过多 只有一两个不一样的时候 此时再一个一个设置button就有点繁琐可以给插槽设置默认值为button如果同时出现多个值 则当做一个全部把默认的slot（button）进行替换掉 最

什么是组件化将一个页面拆分成一个一个小的功能块 每一个功能块完成属于自己这部分独立的功能 name之后整个页面的管理和维护就变得非常容易了

编程范式：命令式编程、声明式编程或：面向对象编程（第一公民：对象）、函数式编程（第一公民：函数）JavaScript的高阶函数不适用高阶函数的时候对数组的操作如下需求1 取出所有小于100的数字let newNums = []for (let n of nums) { if (n < 100) { newNums.push(n) }}需求2 将所有小于100的数字进行转化 全部*2let new2Nums = []for (let n of newN

Vue初体验原来用js——命令式编程1.创建div元素 设置id属性2.定义一个变量交message3.将message变量放在前面的div元素中显示一步一步告诉你怎么做现在用Vue——声明式编程可以实现数据和界面的完全分离 <div id="app"> <h2>{{message}}</h2> </div> <script type="text/javascript"> Vue.c