由于需要监听手指的左右滑动事件,所以用到了v-touch这个插件。 npm安装 npm install vue-touch@next --save //main.js中引入: import VueTouch from '…
标签:vue.js
vue.js更改默认数据绑定的标识
vue默认的数据绑定的标识是{{}},如下 <div id="demo"> {{ message }} </div> 但是可能和有些模版语言的标识相同,可以通过如下修改数据绑定标识为<% %…
关于vue-cli的线上部署 run build
发布服务器 进入项目所在目录运行 npm run build 修改build生成的静态文件路径 进入~\config\index.js在build下的assetsPublicPath默认情况下是'/',此时打包的inde…
一篇看懂vue.js内容分发
vue.js内容分发把组件上下文的内容注入到组件。 定义解析 现在我们看一个架空的例子,帮助理解刚刚说过的严谨而难懂的定义。假设有一个组件名为my-component,其使用上下文如下: <my-component…
Nginx 部署静态页面
Nginx 部署静态页面 在前后端分离的项目中,前端经过编译生成的文件中,往往只包含一个 index.html 入口文件。可以利用 Nginx 进行简单配置就可以实现在部署到服务器端。 🐸 如果是 nod…
使用 nginx 同域名下部署多个 vue 项目,并使用反向代理
花了 3 天时间,趁着我还没有忘记,先记录下来 效果 目前有 2 个项目(project1, project2),还有一个 nginx 自带的 index.html,我添加了对应的链接代码(稍后粘贴出来),为了统一管理子…
Vuex@2.3.0 中的 state 支持函数申明了
vuex 2.3.0 的发布说明: Modules can now declare state using a function - this allows the same module definition to b…
Vue+highligh.js实现语法高亮
前言 highlight官方用法如下: <link rel="stylesheet" href="/path/to/styles/default.css"> <script src="/path/to/…
Elementui el-dialog 组件我又学会了一种新的用法
1.新建弹窗Form.vue文件 将visible属性设置为true <template> <div> <el-dialog title="提示" :visible="true" width…
利用html2canvas实现移动端上传图片生成海报
原文链接:链接描述使用vue+html2canvas+exif-js github地址 线上demo 主要功能 上传图片 对图片进行操作:移动、放大、缩小 合成海报 具体功能: 上传图片 html: <input …
vue2 配置scss
1、安装文件 npm install --save-dev sass-loader npm install --save-dev node-sass 2、配置 webpack.base.conf.js找到webpack.…
根据第一个下拉列表的值改变另一个下拉列表内容(省市联动)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </…