随笔分类 - vue
摘要：接触到了新的vue项目，使用vue+ts+vue-property-decotator来进行项目的简化，一时间语法没有看懂，所以花时间学习这个装饰器的包。 1.装饰器 @Component(options:Component = {}) 默认接受一个对象作为参数，在这个对象中声明components
阅读全文
摘要：做一个轮播图，给img赋值src 发现全部都加载失败了，原因是webpack把图片作为模块处理，下面是解决方法 对于轮播图，也可以作为背景图去做
阅读全文
摘要：上传文件是每个前端开发者都会遇到的问题，在之前实习期做了一个上传文件的功能，当时没有彻底搞明白问题所在，现在重新复盘下。 1.使用formData来上传文件，没有使用axios上传文件，之前在学校有做过。生成一个formData对象 通过dom操作获得input中file[0],然后append给f
阅读全文
摘要：组件我们在项目中会很常用到，说下自己在学习过程中的理解，有关 组件初始化顺序，组件为什么data是function，组件的生命周期 1. Vue.component('', {}) 注册全局组件，组件会返回一个构造函数，这个函数的实例被我们引用在父组件的components中 2. 组件相关的数据有
阅读全文
摘要：开发src-在线系统的过程中，封装了很多组件，如Dialog prompt等，在开源项目的组件中这些组件使用v-model来控制显示，我来总结一下关于自己学习到的v-model知识 1. 使用props来控制关闭组件，emit同步变量 props可以进行父组件到子组件的通信，我的思路把子组件控制v-
阅读全文
摘要：工作的过程中，有时候会有数据改变但是视图没有更新的问题，作者在vue的官方文档中有提到这个问题，我来总结一下 1.vue的每个组件实例都有对象的watcher实例对象，它会在组件渲染的过程中把属性记录为依赖，当依赖项的setter方法被调用，会通知watcher对象重新计算，从而使它关联的组件更新
阅读全文
摘要：1.computed 计算属性 计算属性将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 这两种方法都可以，平时我们可以只写get，可以写成2形式，省略set方法，但是如果我们相对我们的计算属性进行修改，这个set方法不能省略。 2.meth
阅读全文
摘要：1.路径：http://localhost:8081/#/test?name=1 <router-link :to="{path:'/test',query: {name: id}}">跳转</router-link>(id是参数) 使用：this.$route.query.id 2.路径：http
阅读全文
摘要：vue的核心是数据驱动，所有数据变更的时机很重要，也就是watch的内容，一般是数据逻辑的操作。在使用vuex的项目中，我们在vuex中只是发请求、拿数据，在视图中来进行逻辑的操作、数据的更新。 1.vuex的作用，vuex在我的理解是这样的 我们把多个组件的共用数据放在vuex这个容器中，在视图中
阅读全文
摘要：组件之间的项目通信在vue中十分常见，父组件的数据传到子组件需要prop的支持，我们来看下prop 1.html的特性名大小写不敏感，浏览器会把所有大写字母解释为小写字母，使用dom模板时，使用等价的kabad-case命名 2.prop的类型 prop可以在父组件引入的时候传入很多类型的值 常见的
阅读全文
摘要：本篇文章参考赛冷思的个人博客 1.函数默认传参 在我们写js函数我们的可能会给他们一个默认的参数，写法是 如果用户不传入参数，那么会输出默认值，如果用户传入，会输出传入的值，这种写法很灵活 vue中的组件，也可以有默认的模板，当我们调用一个组件，啥都不传时，显示我们定义的默认模板，当我们传了自定义模
阅读全文
摘要：最近复习了vue，项目实战前有练手，做一个简单的单页面应用。 1.router-view就是我们渲染的组件，router-view被包裹在一个div中，一旦路由跳转，router-view就会被渲染为新的组件 2.我们在router数组中有很多对象，每个对象中有路由和路由映射的组件，路由跳转，rou
阅读全文
摘要：最近在学习vue的单页面应用开发，需要vue全家桶，其中用到了VueRouter，在路由的设置和跳转中遇到了两个对象$router 和 $route ，有些傻傻分不清，后来自己结合网上的博客和自己本地的Vue devtools结构了解了他们的区别 1.router是VueRouter的一个对象，通过
阅读全文
摘要：Preferences -> Editor -> Inspections找到XML，把 Unbound XML namespace prefix的勾去掉
阅读全文
摘要：渲染render function之后就是 核心的响应式过程了 Object.defineProperty vue的核心之一就是Object.defineProperty 方法（IE9及其以上） 取 obj 对象中 msg 的值时会调用 get 方法，给 msg 赋值时会调用 set 方法，并接收新
阅读全文
摘要：这是Vue文档里关于实例生命周期的解释图 那么下面我们来进行测试一下 代码如上，浏览器开始加载文件 由上图可知： 1、beforeCreate 此时$el、data 的值都为undefined 官方说明：在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配
阅读全文