vue
vue实例以及生命周期
每一个Vue.js应用都是通过构造函数Vue创建一个Vue的根实例启动的：varvm=newVue({//选项});虽然没有完全遵循MVVM模式，Vue的设计无疑受到了它的启发。因此在文档中经常会使用vm这个变量名表示Vue实例。在实例化Vue时，需要传入一个选项对象，它可以包含数据、模板、挂载元素、方法、生命周期钩子...
vue 模板语法
Vue.js使用了基于HTML的模板语法，允许开发者声明式将DOM绑定至底层Vue实例的数据。所有Vue.js的模板都是合法的HTML,所以可以被遵循规范的浏览器和HTML解析器解析。在底层的实现上，Vue将模板编译成虚拟DOM渲染函数。结合响应系统，在应用系统改变时，Vue能够智能计算出重新渲染组件的最小代价并应用到...
vue 指令
指令是带有v-前缀的特殊属性。指令属性的值预期是单一javascript表达式（除了v-for）,指令的职责就是当其表达式值改变时相应地将某些行为应用到DOM上；#参数有些指令能接受一个'参数'，在指令后以冒号指明。例如，v-bind指令被用来相应地更新HTML属性：<av-bind:href="url">...
vue watcher
虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的watcher。这是为什么Vue提供一个更通用的方法通过watch 选项，来响应数据的变化。当你想要在数据变化响应时，执行异步操作或开销较大的操作，这是很有用的。例如：在这个示例中，使用 watch 选项允许我们执行异步操作（访问一...
vue 简介
Vue.js是一套构建用户界面的渐进式框架。采用自底向上增量开发的设计。Vue的核心值关注视图层非常容易与其他库和已有的项目整合。另外，Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发复杂的单页应用。Vue.js的目标是通过尽可能简单地API实现响应式数据绑定和组合的视图组件。vue的核心是允许你使用简单...
vue-cli
通过<script>标签把vue.js引入进来，就可以使用vue.js了，但是在真正开发一个应用的时候，我们补课避免的会用到一大堆的工具，模块化、预处理器、热模块加载、代码校验和测试。这些工具对于一个需要长期维护的大型项目来说是必须的，但是项目初始化将会是一个让人痛苦的事情，这就是为什么我们做了vue-cl...
很实用的Vue自定义指令
仓库地址: https://github.com/Dafrok/v-hotkeyDemo:https://dafrok.github.io/v-hotkey安装: npminstall--savev-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下Escap...
vue-cli3 element 按需加载按需引入
1.安装element-uinpmielement-ui-S 2.安装按需引入必要插件npminstallbabel-plugin-component-D 3.修改babel.config.jsmodule.exports={presets:["@vue/app"],plugins:[//eleme...
vue-lazyload 图片懒加载
vue-lazyload简单使用github地址：https://github.com/hilongjw/vue-lazyload 1.安装插件npminstallvue-lazyload--save 2.引用文件，一般在main.js全局引用，及全局配置importVuefrom'vue'impo...
vue 图片放大镜效果
插件名称：vue-photo-zoom-prohttps://github.com/Mater1996/vue-photo-zoom-pro 效果图 使用：<template><divclass="images"><img@click.stop="showB...
vue图片放大、缩小、旋转等
用于图片浏览的Vue组件，支持旋转、缩放、翻转等操作，基于viewer.js。效果： 使用npm命令安装npminstallv-viewer引入v-viewer及必需的css样式，并使用Vue.use()注册插件，之后即可使用。//main.js中引入或者在组件里引入import'viewerjs/dist/...
vue项目使用webpack构建的本地服务环境，在手机上访问调试
使用vue脚手架构建的项目，一般在本地localhost运行，配合浏览器的模拟调试工具开发。如果想看真机环境，又不想build到线上。webpack能配置电脑本地内网环境指向公网访问的！ 1、打开项目的package.json文件，修改里面的script里面的dev"scripts":{"dev":"webp...
在vue中使用sass的配置的方法
1、安装sass的依赖包npminstall--save-devsass-loader//sass-loader依赖于node-sassnpminstall--save-devnode-sass 2、在build文件夹下的webpack.base.conf.js的rules里面添加配置{ test...
基于vue-cli配置移动端自适应
移动端自适应：手淘的 lib-flexible +rem在命令行中运行如下安装：1npmilib-flexible--save在项目入口文件main.js里引入lib-flexible12//main.jsimport'lib-flexible'在项目根目录的index.html中添加如下meta1...
vue图片上传到七牛云
代码：<template><divclass="upload-info"><div><el-uploadclass="upload-pic":action="domain":data="QiniuData":on-remove="handleRemove":on-error="...
