vue-js
关注
分享
扫一扫
文章平均质量分 65
Quincy379
坚持、冷静
展开
-
vue之模板语法
变量输出：{{variable}}原始html转义：{{{variable}}}只获取一次值：{{*variable}}原创 2017-12-01 16:08:52 · 312 阅读 · 0 评论 -
Vue之父子组件传值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&原创 2018-06-08 23:42:58 · 266 阅读 · 0 评论 -
Vue之侦听器watch
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>侦听器</title&gt原创 2018-06-09 10:53:10 · 503 阅读 · 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 · 248 阅读 · 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 · 192 阅读 · 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 · 312 阅读 · 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 · 628 阅读 · 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 · 2372 阅读 · 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 · 9957 阅读 · 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 · 3729 阅读 · 0 评论 -
Vue2.0之实战项目vue-amemv
抓到了抖音的视频以及涉及到的评论，想用Vue写个项目，当然不需要服务器啊啊啊，工作也比较忙，所以采取边工作边更新策略，想把项目好好处理下！项目准备：...原创 2018-07-26 17:05:01 · 861 阅读 · 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 · 353 阅读 · 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 · 223 阅读 · 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 · 10671 阅读 · 1 评论 -
前端之Vue使用axios时报错处理
找不到axios使用如下代码解决： npm install axios –save原创 2018-06-06 12:59:24 · 1344 阅读 · 0 评论 -
vue之过滤器
单个无参过滤器：{{‘welcome’|filterA}}多个无参过滤器：{{‘welcome’|fiterA|filterB}}有参过滤器：{{123|currency ‘￥’}}原创 2017-12-01 16:35:10 · 219 阅读 · 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 · 6327 阅读 · 0 评论 -
vue之vue实例简单方法
vue.$log —–>查看数据此时的状态vue.$el —–>当前的元素vue.$destroy —–>销毁对象vue.$data —–>当前的数据vue.$mount —–>手动挂载vue对象vue.$options —–>调用自定义属性原创 2017-12-03 16:36:03 · 586 阅读 · 0 评论 -
vue之django 和vue语法冲突处理
修改vue.js的默认的绑定符号Vue.config.delimiter=['[[',']]'];原创 2017-12-04 08:42:54 · 2253 阅读 · 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 · 9050 阅读 · 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 · 1598 阅读 · 0 评论 -
解决国内NPM安装依赖速度慢问题
不知道各位是否遇到这种情况，使用NPM（Node.js包管理工具）安装依赖时速度特别慢，为了安装Express，执行命令后两个多小时都没安装成功，最后只能取消安装，笔者20M带宽，应该不是我网络的原因，后来在网上找了好久才找到一种最佳解决办法，在安装时可以手动指定从哪个镜像服务器获取资源，我们可以使用阿里巴巴在国内的镜像服务器，命令如下： npm install -gd express –reg转载 2017-12-07 07:43:15 · 1555 阅读 · 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 · 335 阅读 · 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 · 1469 阅读 · 0 评论 -
Vue项目启动后首页URL带的#该怎么去掉?
看这，看这，看这：https://www.zhihu.com/question/56793253原创 2018-01-28 08:53:04 · 16949 阅读 · 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 · 863 阅读 · 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 · 543 阅读 · 0 评论