距离开始学Vue已经过去一个多月了，总想把学到的东西柔和在一起，做点东西出来，于是有了这个Todolist小应用。主要功能就是把一天要做的事情记录下来，还实现了：标记完成事件删除已完成事件各种排序仅显示未完成的项目本地保存截图看这里用时一周，14次commits,把心中的构想基本实现了。详情请看：这里整个过程下来，收获还是很多的，1.对mvvm有了进一步的理解，2.对css布局有了更多的了解。3.更进一步理解了Vue的事件和组件机制。...
请先完成了项目初始化，具体请看我另一篇博文。vue项目初始化看一下完成的效果图，很典型的单页应用。.vue后缀名的单文件组件 这里先说一下我对组件的理解。组件，顾名思义就是一组元素组成的一个原件（理解的比较浅显、直白），在Vue.js中，表现为一个自定义元素。开篇展示的图中，首页的的列表中的每一项就可以看成一个组件（事实上，在demo中，我也是这么做的），这个组件由一张图片，一个显示价格的元素，一个显示名称的元素组...
语法实现：v-bind="" : 根据属性的true和false来决定显示样式<!-- 加样式： v-bind:样式":属性}" --><!-- 例1 -->
<span v-bind: >{{ username_info }}</span><!-- 例2 -->
<button v-bind: >用户名</button>
<button v-bind:>验证码</button>v-if="" : 判断语句，存在于template中，""可用来控制整个页面的显示状态，可以在点击事件里面的属性修改该属性状态<p v-if="is_login">{{ username }}</p>
<p v-else v-on:click="go_lo...
创建项目之后，引入serialport失败报错信息： 暂未找到解决方法。。。。。。。。。。。。。。。原文：https://www.cnblogs.com/yangxiaobai123/p/11464827.html
当用户在没有登录的状态下，只能够访问到系统的登录界面，不管输入的路由是什么，都会跳转到登录界面，当用户登录成功后，就会将登录的信息保存到 sessionStorage中，话不多说，直接上代码：第一步是配置路由：第一个路由是不需要登录就能够进入的路由，第二个是需要登录才能进入的路由{path: ‘/Login‘,name: ‘Login‘,component: Login}, {path: ‘/BackupWizard‘,name: ‘BackupWizard‘,component: BackupWizard,meta: {req...
前端Vue后端Django如何使用csrf?
后端Django在settings.py中将注释掉的csrf中间件取消注释（如果之前注释过）‘django.middleware.csrf.CsrfViewMiddleware‘,前端Vue的main.js中加上如下代码：
import Axios from ‘axios‘let getCookie = function (cookie) {let reg = /csrftoken=([\w]+)[;]?/greturn reg.exec(cookie)[1]}Axios.interceptors.request.use(function(config) {// 在post请求前统一添加X-CSRFToken的header信息l...
单页Web应用（single page web application，SPA）：就是只有一张Web页面的应用。单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。浏览器一开始会加载必需的HTML、CSS和JavaScript，所有的操作都在这张页面上完成，都由JavaScript来控制。因此，对单页应用来说模块化的开发和设计显得相当重要。单页Web应用的优点：1、提供了更加吸引人的用户体验：具有桌面应用的即时性、网站的可移...
在vue中使用函数对字符串做相应的处理：split：分割字符，将每个字符分割为一个数组值；reverse：将字符进行逆序排序；join：将字符连接；最终输出结果。原文：https://www.cnblogs.com/KKSoft/p/11619903.html
前言：vue组件化的应用涉及到vue-cli的内容，所以在应用之前是需要安装node和vue-cli的，具体如何安装我就不一一赘述了。可能一会儿我心情好的时候，可以去整理一下。1、应用的内容：在一个页面中，需要一个固定的内容，这个内容可以多次引用，那么就可以考虑把他分离出来，在下次需要的时候，实现引用就好。比如：<input type="text" v-model="content" >
<button @click = addList>添加</button>
<ul><li v-for="( item ) of tod...
背景实际工作中，存在不同业务之间的H5跳转，由于跳转的h5的场景比较多，于是想利用vue来构建多个项目应用。下面我就来说说怎么开发多页面的Vue应用，以及在这个过程会遇到的问题。 准备工作在本地用vue-cli新建一个项目，这个步骤vue的官网上有，我就不再说了。这里有一个地方需要改一下，在执行npm install命令之前，在package.json里添加一个依赖,后面会用到。 修改webpack配置这里展示一下我的项目目录 ├── package.json...
weex 官方文档 bui-weex 官网地址Weex 是使用流行的 Web 开发体验来开发高性能原生应用的框架。 在集成了 WeexSDK 之后，你可以使用 JavaScript 语言和前端开发经验来开发移动应用。BUI-Weex 是一套专门为 Weex 前端开发者打造的一套高质量UI框架。帮助开发者快速构建移动应用 原文：https://www.cnblogs.com/lk4525/p/11322975.html
在我们使用Vue+Element开发前端的时候，往往涉及到很多界面组件的使用，其中很多直接采用Element官方的案例即可，有些则是在这个基础上封装更好利用、更少代码的组件；另外有些则是直接采用第三方开发好的组件，目的就是实现所需功能外，尽量简化界面使用代码。本篇随笔介绍在我的项目中经常用到的各种界面组件和它的界面效果，以便在实际开发中进行相应的参考，提高开发效率。 我们以几个常规界面来介绍相关控件的使用，如列表界面...
1.npm install vue-i18n
2.在 main.js 中引入 vue-i18n import VueI18n from‘vue-i18n‘Vue.use(VueI18n)
3.在main.js中准备翻译const messages = {zh: {message: {name:‘李四‘}},en: {message: {name:‘lisi‘}}
}4.创建带有选项的 VueI18n 实例const i18n = new VueI18n({locale: localStorage.getItem("language"), // 语言标识 messages
})5.把 i18n 挂载到 vue 根实例上
Vue.config.productionTip = falsenew Vue({el: ‘...
看到各种单页应用之后，觉得单页应用简直酷毙了，作为一个技术宅，在假期的 时候恶补了一下vue ，觉得还不错，不过想想前端的东西毕竟还是太广博了。我也不知道怎么写反正应用起来有点别扭，就是资料太少了，成型的东西 也太少了，就说说简单的思路吧。vue相当于前段的框架，用于更新数据，废话不多说，仅仅说应用引入vue第一，我想做一个单页应用第二，静态文件又http服务器转发给客户端，而服务端就可以不参数与这些文件的更新，...
获取指定github账户信息并显示一、需求分析需求分析：github和自己的项目不在一个域里面，需要跨域查询。跨域常见有两种实现方式：一是JSONP（客户端）二是CORS（服务端）跨域的实现原则：如果某网站的服务端是允许跨域的，客户端直接请求即可。如果某网站的服务端不允许跨域，则需要使用JSONP来实现跨域。github的服务端是允许跨域的，因此直接获取账号信息。 二、需求实现 原文：https://www.cnblogs.com/AnnLing/p/15185218.htm...
