![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue-js
文章平均质量分 65
Quincy379
坚持、冷静
展开
-
vue之模板语法
变量输出:{{variable}}原始html转义:{{{variable}}}只获取一次值:{{*variable}}原创 2017-12-01 16:08:52 · 296 阅读 · 0 评论 -
Vue之父子组件传值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&原创 2018-06-08 23:42:58 · 245 阅读 · 0 评论 -
Vue之侦听器watch
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>侦听器</title&gt原创 2018-06-09 10:53:10 · 449 阅读 · 0 评论 -
Vue之样式绑定(一)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>样式绑定</title> <script src="https://cdn.jsdelivr.net/npm/vue原创 2018-06-09 12:50:30 · 231 阅读 · 0 评论 -
Vue之样式绑定(三)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>样式绑定</title> <script src="https://cdn.jsdelivr.net/npm/vue原创 2018-06-09 13:56:20 · 180 阅读 · 0 评论 -
Vue2.x之动态组件与v-once指令
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;动态组件&lt;/title&g原创 2018-06-10 17:14:26 · 291 阅读 · 0 评论 -
Vue2.x之插槽的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>插槽</title> <script src="https://cdn.jsdelivr.net/npm/vue/d原创 2018-06-11 09:32:00 · 574 阅读 · 0 评论 -
Vue2.x之禁用eslint
1.用的eslint检测语法还是挺让人头疼的,改了一段时间后绝对把它禁掉! 2.在webpack.base.conf.js文件中,注释掉: module: { rules: [ // ...(config.dev.useEslint ? [createLintingRule()] : []),3.大功告成! 参考文章: https://www.cnblogs.co...原创 2018-07-28 14:47:36 · 2308 阅读 · 0 评论 -
Vue2.x之使用vue-video-player时Uncaught TypeError: Cannot read property 'EventTarget' of undefined
好多人问,注释掉就好了!!!import VideoPlayer from 'vue-video-player'require('video.js/dist/video-js.css');require('vue-video-player/src/custom-theme.css');注释掉就好了// require('videojs-contrib-hls/dist/videojs...原创 2018-07-28 15:26:26 · 9877 阅读 · 1 评论 -
Vue2.x之package.json依赖安装
从github down下来一个项目,刚开始一个个装依赖,在想有没有批量安装,查了下资料还真有: npm installpackage.json:{ "name": "custom-vedio", "version": "1.0.0", "description": "A Vue原创 2018-07-29 15:54:10 · 3656 阅读 · 0 评论 -
Vue2.0之实战项目vue-amemv
抓到了抖音的视频以及涉及到的评论,想用Vue写个项目,当然不需要服务器啊啊啊,工作也比较忙,所以采取边工作边更新策略,想把项目好好处理下!项目准备:...原创 2018-07-26 17:05:01 · 836 阅读 · 0 评论 -
Vue2.x之给组件绑定原生事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>给组件绑定原生事件</title> <script src="https://cdn.jsdelivr.net/np原创 2018-07-30 07:43:15 · 299 阅读 · 0 评论 -
Vue之todoList升级版(全局组件)
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&原创 2018-06-08 23:12:13 · 201 阅读 · 0 评论 -
Vue之默认页面的实现
index.js:import Vue from 'vue'import Router from 'vue-router'import MainPage from '@/components/MainPage'import News from '@/views/News'import Watch from '@/views/Watch'import Entertainment fro...原创 2018-06-07 10:31:17 · 10577 阅读 · 1 评论 -
前端之Vue使用axios时报错处理
找不到axios使用如下代码解决: npm install axios –save原创 2018-06-06 12:59:24 · 1301 阅读 · 0 评论 -
vue之过滤器
单个无参过滤器:{{‘welcome’|filterA}}多个无参过滤器:{{‘welcome’|fiterA|filterB}}有参过滤器:{{123|currency ‘¥’}}原创 2017-12-01 16:35:10 · 208 阅读 · 0 评论 -
vue之防止页面加载时看到花括号解决方案
<style> [v-cloak]{ display:none }</style>v-cloak v-text v-htmlv-cloak用于大段v-text用于单个标签v-html用于带有标签的处理原创 2017-12-03 16:03:04 · 6300 阅读 · 0 评论 -
vue之vue实例简单方法
vue.$log —–>查看数据此时的状态vue.$el —–>当前的元素vue.$destroy —–>销毁对象vue.$data —–>当前的数据vue.$mount —–>手动挂载vue对象vue.$options —–>调用自定义属性原创 2017-12-03 16:36:03 · 566 阅读 · 0 评论 -
vue之django 和vue语法冲突处理
修改vue.js的默认的绑定符号Vue.config.delimiter=['[[',']]'];原创 2017-12-04 08:42:54 · 2203 阅读 · 0 评论 -
vue之debounce属性被移除及处理
vue 2.0 debounce已经被移除 参考文档:https://cn.vuejs.org/v2/guide/migration.html#替换-debounce-过滤器https://vuejs.org/v2/guide/migration.html#debounce-Param-Attribute-for-v-model-removed原创 2017-12-04 09:14:08 · 8993 阅读 · 1 评论 -
vue之vue与animate.css动画结合
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue-动画</title> <script src="https://unpkg.com/vue@2.5.9/dist/vue.js"></script> <script src="https://unpkg.com/lodas原创 2017-12-04 10:25:12 · 1571 阅读 · 0 评论 -
解决国内NPM安装依赖速度慢问题
不知道各位是否遇到这种情况,使用NPM(Node.js包管理工具)安装依赖时速度特别慢,为了安装Express,执行命令后两个多小时都没安装成功,最后只能取消安装,笔者20M带宽,应该不是我网络的原因,后来在网上找了好久才找到一种最佳解决办法,在安装时可以手动指定从哪个镜像服务器获取资源,我们可以使用阿里巴巴在国内的镜像服务器,命令如下: npm install -gd express –reg转载 2017-12-07 07:43:15 · 1530 阅读 · 0 评论 -
Vue.js之常用指令集锦
v-on:绑定事件,可以缩写为@,比如@click;html lang="en">head> meta charset="UTF-8"> title>v-bind高级用法title> script src="https://cdn.bootcss.com/vue/2.5.13/vue.js">script>head>body>div id="app">原创 2018-01-25 17:00:20 · 301 阅读 · 0 评论 -
Vue.js之axios的使用
main.js 入口文件:import axios from 'axios'Vue.prototype.$http = axios 和使用 vue-resource 一样:this.$http.get(URL).then(response => { // success callback}, response => { // error callback原创 2018-01-27 18:51:28 · 1436 阅读 · 0 评论 -
Vue项目启动后首页URL带的#该怎么去掉?
看这,看这,看这:https://www.zhihu.com/question/56793253原创 2018-01-28 08:53:04 · 16860 阅读 · 0 评论 -
Vue.js之构建项目初始步骤(一)
自动弹出浏览器设置: config\index.js:autoOpenBrowser: true, 去除url上#:export default new Router({ routes: [ { path: '/', name: 'HelloWorld', component: HelloWorl...原创 2018-03-05 09:24:25 · 809 阅读 · 0 评论 -
Vue2.x之非父子组件传值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>给组件绑定原生事件</title> <script src="https://cdn.jsdelivr.net/np原创 2018-07-30 08:12:47 · 531 阅读 · 0 评论