_035_VUE
VeryHotLight
技术在于交流和分享,我的博客可以转载。
另外,我也转载了很多比较好的帖子。
如果作者有异议,请联系删除!
我的一些帖子可能存在错误与缺点,文档写得很烂(写不好),希望大家包容。
希望我的帖子能够帮助需要帮助的人。
展开
-
_001_VUE_列表渲染
<body><div id="component"> <h2>v-for 遍历数组</h2> <ul> <li v-for="(item,index) in persons" :key="index"> {{index}}---{{item.name}}---{{it...转载 2019-06-20 23:16:16 · 188 阅读 · 0 评论 -
_002_Vue_搜索和排序
<body><div id="component"> <h2>搜索和排序</h2> <input v-model="searchName"> <ul> <li v-for="(item,index) in filterPersons" :key="index"> ...转载 2019-06-22 11:50:27 · 133 阅读 · 0 评论 -
_003_Vue_事件监听及处理
1. 绑定监听:v-on:xxx="fun" @xxx="fun" @xxx="fun(参数)" 默认事件形参: event 隐含属性对象: $event2. 事件修饰符: .prevent : 阻止事件的默认行为 event.preventDefault() .stop : 停止事件冒泡 event.stopPropagation()3. 按键修饰符...转载 2019-06-24 12:34:11 · 83 阅读 · 0 评论 -
_004_Vue_表单数据的收集
使用 v-model 对表单数据自动收集1) text/textarea2) checkbox3) radio4) select<body><div id="component"> <form action="/xxx" @submit.prevent="handleSubmit"> <span>用户名:&...转载 2019-06-24 14:02:17 · 189 阅读 · 0 评论 -
_005_Vue_filter
理解过滤器1) 功能: 对要显示的数据进行特定格式化后再显示2) 注意: 并没有改变原本的数据, 可是产生新的对应的数据定义和使用过滤器1) 定义过滤器Vue.filter(filterName, function(value[,arg1,arg2,...]){// 进行一定的数据处理 return newValue})2) 使用过滤器<div&g...转载 2019-07-20 21:55:44 · 101 阅读 · 0 评论 -
_006_Vue_内置指令详解
转自https://www.jb51.net/article/137627.htm,感谢作者的无私分享。指令是Vue模板中最常用的一项功能,它带有前缀v-,主要职责是当其表达式的值改变时,相应的将某些行为应用在 DOM 上。这篇文章主要介绍了vue内置指令详解,需要的朋友可以参考下指令 (Directives) 是带有 v- 前缀的特殊属性, 职责是,当表达式的值改变时,将其产生的连带影响...转载 2019-07-21 10:24:20 · 123 阅读 · 0 评论 -
_007_Vue_Vue指令大全
Vue指令大全为大家介绍了VUE中内置指令包括:v-text,v-html,v-show,v-if,v-else,v-else-if,v-for,v-on,v-bind,v-model,v-pre,v-cloak,v-once,ref1. v-textv-text主要用来更新textContent,可以等同于JS的text属性。<span v-text="msg">&...转载 2019-07-21 10:47:18 · 98 阅读 · 0 评论 -
_008_Vue_ref、v-cload以及自定义指令
ref : 指定唯一标识, vue 对象通过$els 属性访问这个元素对象v-cloak : 防止闪现, 与 css 配合: [v-cloak] { display: none }<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&...转载 2019-07-21 11:20:24 · 401 阅读 · 0 评论 -
_009_Vue_自定义指令
转自https://cn.vuejs.org/v2/guide/custom-directive.html,感谢作者的无私分享。自定义指令除了核心功能默认内置的指令 (v-model和v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。举个聚焦...转载 2019-07-21 11:23:25 · 81 阅读 · 0 评论 -
_010_Vue_plugin
插件插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种: 添加全局方法或者属性。如:vue-custom-element 添加全局资源:指令/过滤器/过渡等。如vue-touch 通过全局混入来添加一些组件选项。如vue-router 添加 Vue 实例方法,通过把它们添加到Vue.prototype上实现。 ...转载 2019-07-21 14:48:12 · 176 阅读 · 0 评论 -
_001_NodeJS_Node.js的安装
转自https://blog.csdn.net/qq_42543312/article/details/82191357,感谢作者的无私分享。node.js简介Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态...转载 2019-07-21 15:48:09 · 96 阅读 · 0 评论 -
_011_Vue_安装VUE教程
转自https://www.cnblogs.com/binmengxue/p/6831850.html,感谢作者的无私分享。这段时间公司要准备开始用VUE,安装的过程中就遇到各种奇葩问题1.Node.js安装https://nodejs.org/en/download/ 安装好noedeJS然后继续安装下一步3、执行npm install --global vue-c...转载 2019-07-21 17:07:23 · 173 阅读 · 0 评论 -
_012_Vue_使用 vue-cli 创建模板项目
2.1.1. 说明1) vue-cli 是 vue 官方提供的脚手架工具2) github: https://github.com/vuejs/vue-cli3) 作用: 从 https://github.com/vuejs-templates 下载模板项目2.1.2. 创建 vue 项目npm install -g vue-clivue init webpack vue_...转载 2019-07-21 17:10:36 · 146 阅读 · 0 评论 -
_002_NodeJS_ESLint:please specify Node.js interpreter correctly
转自NodeJS_https://blog.csdn.net/lindali1115/article/details/88027920,感谢作者的无私分享。在webs在Terminal中运行,node -v,报错'node' 不是内部或外部命令,也不是可运行的程序。es6提示ESLint: please specify Node.js interpreter因为在webstorm里...转载 2019-07-21 17:39:11 · 3233 阅读 · 0 评论 -
_013_Vue_组件定义与使用
组件定义与使用vue 文件的组成(3 个部分)1) 模板页面<template> 页面模板</template>2) JS 模块对象<script> export default { data() { return {} }, methods:...转载 2019-07-22 18:50:42 · 104 阅读 · 0 评论 -
_014_Vue_打包发布到静态服务器或动态服务器
项目的打包与发布打包:npm run build使用静态服务器工具包npm install -g serveserve dist访问: http://localhost:5000(端口是情况而定)使用动态 web 服务器(tomcat)修改配置: webpack.prod.conf.jsoutput: {publicPath: '/xxx/' //打包文件夹的名...转载 2019-07-22 18:50:53 · 323 阅读 · 0 评论 -
Vue packages version mismatch
以上错误很常见,一般情况下,按照报错提示执行命令就可以解决,log中提示,版本vue和vue-template-compiler的版本不匹配,可以通过下方式自检根目录下package.json文件排查如果你的vue-loader版本>=10.0,可以直接更新vue-template-compiler$ npm update vue-template-compiler如果你的...转载 2019-11-22 11:14:40 · 1866 阅读 · 0 评论 -
Vue_avoid mutating a prop directly since the value will be overwritten
在vue.js中,在自定义一个组件的时候,可能会有这样的问题,当我们子组件中修改props中的值的时候,会有这样的错误提示:Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or comput...转载 2019-11-24 18:28:58 · 1239 阅读 · 0 评论