vue
Vue事件处理
Vue事件监听的方式貌似违背了关注点分离(separationofconcern)的传统理念。实际上，所有的Vue.js事件处理方法和表达式都严格绑定在当前视图的ViewModel上，它不会导致维护上的困难。使用v-on有以下好处： 1、扫一眼HTML模板便能轻松定位在JS代码里对应的方法 2、无须在JS里手动...
Vue数组更新及过滤排序
Vue为了增加列表渲染的功能，增加了一组观察数组的方法，而且可以显示一个数组的过滤或排序的副本。本文将详细介绍Vue数组更新及过滤排序 变异方法 Vue包含一组观察数组的变异方法，它们将会触发视图更新，包含以下方法push()接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度pop()...
Vue模板逻辑
上一篇介绍了Vue的模板内容，而对于一般的模板引擎来说，除了模板内容，还包括模板逻辑。常用的模板逻辑包括条件和循环。本文将详细介绍Vue模板逻辑 条件渲染 在Vue中，实现条件逻辑依靠条件指令，包括v-if、v-else、v-else-if这三个【v-if】 根据表达式的值的真假条件渲染元素。赋值为t...
Vue模板内容
如果只使用Vue最基础的声明式渲染的功能，则完全可以把Vue当做一个模板引擎来使用。本文将详细介绍Vue模板内容 概述 Vue.js使用了基于HTML的模板语法，允许声明式地将DOM绑定至底层Vue实例的数据。所有Vue.js的模板都是合法的HTML，所以能被遵循规范的浏览器和HTML解析器解析 在底...
Vue实例对象的数据选项
一般地，当模板内容较简单时，使用data选项配合表达式即可。涉及到复杂逻辑时，则需要用到methods、computed、watch等方法。本文将详细介绍Vue实例对象的数据选项 data data是Vue实例的数据对象。Vue将会递归将data的属性转换为getter/setter，从而让data属性...
Vue组件基础用法
组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。根据项目需求，抽象出一些组件，每个组件里包含了展现、功能和样式。每个页面，根据自己所需，使用不同的组件来拼接页面。这种开发模式使前端页面易于扩展，且灵活性高，而且组件之间也实现了解耦。本文将详细介绍Vue组件基础用...
Vue入门基础
Vue中文文档写得很好，界面清爽，内容翔实。但文档毕竟不是教程，文档一上来出现了大量的新概念，对于新手而言，并不友好。个人还是比较喜欢类似于《JS高级程序设计》的风格，从浅入深，娓娓道来 于是，还是按照自己的思路，对Vue的知识体系从浅入深的开始学习，并把学习记录总结成博客，也是希望能够帮助到同样入门Vue的朋友...
怎么在websotrm配置快捷启动vue-cli项目？
打开package.json然后在scripts处新增start作为启动命令。原理：node的npm启动会找到package.json文件，vue-cli启动项目是命令vue-cli-serviceserve我们让npm根据这个start命令来运行。 以后启动只要点击这个start既可以，不用再麻...
vue自定义组件 (两种之二)弹窗为例
方式:利用js代码,在必要时候动态弹出组件,而不需要Vue.use,也必在页面上写组件.依据: vm.$mount([elementOrSelector])参数：{Element|string}[elementOrSelector]{boolean}[hydrating]返回值：vm -实例自身用法...
vue 自定义组件的方法(两种之一)
定义一直类似于elementui的全局组件,Vue.user()后,页面哪里用到就在哪里插件写;先上依据:Vue.use(plugin)参数：{Object|Function}plugin用法：安装Vue.js插件。如果插件是一个对象，必须提供 install 方法。如果插件是一个函数，它会被作为i...
vue+express利用token 完成前后端登录
token是后端给前端的一个二维码,这个二维码一般是暗码, 前端拿着这个二维码到后端,后端便可以通过这个二维码得知用户是否登录过,用户是谁等信息(具体什么信息,是后端在返回token时候设置的); nodejs里的插件:jsonwebtoken;使用方法:var jwt =&nb...
vue点击除了某组件本身的其它地方, 隐藏该组件的方法
点击emoji表情标签,出现标签组件,点击其它地方,改组件消失的效果;<template><divclass="writeZoon"><divclass="top"><spanclass="iconiconfonticon-smiling"@click.stop="emojiS...
vue数据变化的监控是如何做到的
mvvm框架里的数据监控对象,包括基本数据类型和对象,对象分为对象和数组.首先是对普通数据类型和对象的监控.其次是对数组的监控.对对象的监控需要用到递归;1<!DOCTYPEhtml>2<htmllang="en">34<head>5<metacharset="UTF-8"&g...
vue路由
路由就是单页面应用里的导航分流作用安装： 3版本中出来了新概念add。vueaddrouter router安装完后，会多出一个views文件夹和一个router.js。main.js里会有路由 ...
