随笔分类 - vue
摘要：生命周期钩子 这篇文章主要记录与生命周期相关的问题。 之前，我们讲到过生命周期，如下所示： 根据图示我们很容易理解vue的生命周期： js执行到new Vue() 后，即进入vue的beforeCreate状态。 接着观察data下的数据，紧接着create。 create之后，就会检测是否含有el
阅读全文
摘要：最近在项目中遇到了一个问题，不知道为什么，所以最后通过动手做demo实践、查文档的方式解决了，这里做一个总结。 例1 这里的实现目的很明确 我希望在点击li时先检测是否存在，当然是不存在的，所以就将值设置为1， 如果再次点击，就让数字累加。 但是出现的问题是： 点击之后数字并没有在view层更新，而
阅读全文
摘要：使用vue-cli搭建的环境，在配置好路由之后，可以看到下面的情况： 但是不难发现#的出现真的很丑陋，并且也不知道这是什么作用？ 所以就去Stack Overflow上搜索了，果然还有~ 看来Stack Overflow是真的强大，你在项目中遇到的问题实际上在so上都已经被问过并且解决了，这不： 这
阅读全文
摘要：区别一： assets文件时src下的，所以最后运行时需要进行打包；而static文件不需要打包就直接放在最终的文件中了。 区别二： assets中的文件在.vue中的template/style下用 ../ 这种相对路径的形式进行引用，在script下必须用 @import 的方式引入； 而 st
阅读全文
摘要：在用vue-cli开发vue项目时，需要现在本地服务器上开发、测试，然后当需要调用后端端口的时候，又需要先npm run build打包，将打包后的dist文件夹下的文件再放到Tomcat服务器下，进行测试，这无疑是非常麻烦的，这里记录了我尽可能简化操作的几种方案。 第一种：直接在webpack中设
阅读全文
摘要：如何解决在vue中替换图片、一个使用base64，而我们使用zepto之后，src找不到资源，因为已经打包了，难道强行写base64。 1. 引入文件时语法很重要！ 即在页面组件中引入一个FooterMenu组件, 我们引入时应该引入的一个变量作为标签，而不能再FooterMenu上添加引号！！ 在
阅读全文
摘要：在vue-cli构建的项目中，且使用在移动端，我们希望每一个页面加载时都可以使用flexible.js来适配手机。 那么这个flexible.js被import到每一个组件中就不合适了。 好的方法是直接放在index.html的head中。 方法如下： 第一步： 在src同一个目录下建立static
阅读全文
摘要：在vue-cli中构建的项目是可以使用less的，但是查看package.json可以发现，并没有less相关的插件，所以我们需要自行安装。 第一步：安装 即通过npm安装less和less-loader，并记录到devDependencies中，因为这是我们在开发中使用的而非在生产中使用，所以就不
阅读全文
摘要：通过vue-cli来创建vue+webpack的项目时，已经有很多都配置好了，但是路径方面为了方便开发，还可以优化。 1. resolve.extensions 在webpack.base.conf.js中，我们可以看到resolve配置，其中的extengsions是一个数组，如下所示： 通过这样
阅读全文
摘要：axios中文文档 https://github.com/mzabriskie/axios#using-applicationx-www-form-urlencoded-format axios文档 在处理http请求方面，已经不推荐使用vue-resource了，而是使用最新的axios，下面做一
阅读全文
摘要：第一部分 之前一直不太理解为什么要使用vue+webapck，还有在使用了vue-cli之后会用到后台，即vue-cli自动帮我们安装了express服务器，在本地服务器上运行，因为我们希望可以模拟在真是服务器上的效果，然而又不可能始终在真实的服务器上运行，所以在本地服务器上运行就很重要了。 但是通
阅读全文
摘要：第一步： 在谷歌应用商店中查找 vue Devtools 并安装。安装之后，即使我们打开了vue项目发现vue标识是灰色的，说明并没有成功启动vue。 第二步： 默认安装的情况下，找到C:\Users\Administrator\AppData\Local\Google\Chrome\User Da
阅读全文
摘要：什么是vue脚手架？ 即可以快速构建vue项目的工具，通过它，我们可以将vue项目所需要的文件等安装完成。 为什么要是用vue脚手架，优点何在？ 因为创建一个vue项目需要很多的依赖，文件的设置等，而通过vue脚手架搭建出来的项目可以快速构建项目并且专注于代码，而不是将时间浪费在安装依赖上面。 vu
阅读全文
摘要：安装好vue-cli之后，我们可以在package.json中看到下面所示： https://segmentfault.com/a/1190000005742122这篇文章也介绍了相关的插件的使用。 http://blog.csdn.net/s8460049/article/details/5460
阅读全文
摘要：WW（是什么、为什么） 什么是vuex？ 如果你学过react，那么你就更容易理解vuex，因为vuex相当于react中的redux，它是用于管理数据的工具。我们看一看官网的介绍： Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的
阅读全文
摘要：这篇博客将通过一个实例来对vue构建项目的过程有一个了解。 主要用到的知识点如下所示： 调整目录结构 我们先用vue-cli构建项目，然后将 src 目录下的APP.vue删除，然后添加一个pages文件夹，这个文件夹的目的在于存放页面， 页面也是组件，但是在components下的不是一个完整的页
阅读全文
摘要：1. Vue实例就是其中的data下的对象。 Vue实例的改变，也会导致其中对象的改变。如下： 在这里，通过Vue构造函数创建的实例 vm 就是bar。 2. Vue的实例还暴露了一些属性和方法。 其中比较有意思的是$watch方法，即监视某一个元素，一旦那个元素发生了变化，就去调用这个回调函数，如
阅读全文
摘要：vue初探 https://www.zhihu.com/question/38213423 饿了么vue组件 很多同学一定都听过MVVM、组件、数据绑定之类的专业术语，而vue框架正是这样的一种框架。vue的作用是：通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 掘金就是完全使用vu
阅读全文
浙公网安备 33010602011771号