今天在写项目的时候,遇到一个很简单的需求,下图,点击添加标签,左边出现一个可以输入的标签,点击删除按钮, 就能删除当前标签,很简单的需求,我却搞了一个多小时(哎…新手愚笨啊) 一看到这个我的思路就是点击添加标签,把新增的节点push到自己定义的数组里,然后渲染出来,点击删除按钮,用splice方法从数组中删除掉当前的节点(很简单,很明确的思路嘛,但是却事与愿违)<div
转载 2024-09-04 06:11:34
101阅读
Vue.js基本概念:首先通过将vue.js作为一个js库来使用,来学习vue的一些基本概念,我们下载了vue.js后,需要在页面上通过script标签引入vue.js。开发中可以使用开发版本vue.js。产品上线要换成vue.min.js。<script type="text/javascript" src="../static/js/vue.js"></script>V
转载 2024-03-06 00:41:54
52阅读
懒加载:又叫延时加载,即在需要的时候进行加载,随用即载 import和require的区别node编程中最重要的思想就是模块化,import和require都是被模块化所使用。遵循规范 require 是 AMD规范引入方式 import是es6的一个语法标准,如果要兼容浏览器的话必须转化成es5的语法调用时间require是运行时调用,所以require理论上可以运用在代码的任何地方import
转载 2024-04-23 15:00:51
104阅读
以前曾经写了一篇《How to remove replication in Syteline》http://www.cnblogs.com/insus/archive/2011/12/20/2294831.html 过于简单。由于SyteLine采用共享License的授技术,如果你从一个正式的数据...
转载 2014-11-12 14:12:00
115阅读
2评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>运算结果:{{count}}</h1> <p> </p> <bu ...
转载 2021-08-15 22:29:00
106阅读
2评论
Vue学习(三)- v-onv-on 使用v-on是用于绑定事件监听器。事件类型由参数指定,表达
原创 2022-11-09 18:25:47
56阅读
Vue学习(二)- v-forv-for就相当于程序语言中的for一样,可以遍历一个Array、Objec
原创 2022-11-09 18:25:56
139阅读
内容来自于网络: Vue for v-for 2.x版本:v-for="(item,index) in items"index即索引值。 理解v-for="( item, index) in item次渲染元素或模板块。在v-for=
转载 6月前
11阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <ul> <li v-for="p in personArr">{{p} ...
转载 2021-08-17 18:24:00
352阅读
2评论
<div id="app"> <ul> <li v-for="(value, key, index) in info"> {{value}} - {{key}} - {{index}}</li> </ul> <ul> <li v-for="item in info"> {{item}}</li> </ul></div>.
原创 2022-06-27 11:15:55
171阅读
1.v-if写法: (1).v-if="表达式" (2).v-else-if="表达式" (3).v-else="表达式"适用于:获取到。 <div id="app"> <p v-if="false"&gt
原创 2022-12-21 10:23:04
276阅读
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head> <body> <div id="app"> <p v-if="
转载 2021-07-01 18:20:00
134阅读
2评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>{{msg}}</h1> <p> </p> <div v-if= ...
转载 2021-08-17 17:29:00
249阅读
v if v for v bind v on 案例整合
原创 2021-08-05 16:20:36
266阅读
vue中的变异方法:splice()方法 {{v.content}} 删除 在数据前面增加 在数据后面增加 删除第一个数据 删除最后一个数据
vue
原创 2021-07-20 16:10:08
2484阅读
前言一:基于vue.js,简化场景为在v-for循环出来的动态表格或者其他dom元素,需要监听其高度(宽度变化同理)变化以执行对应操作。 二:做过一些尝试,最终选用了vue自定义指令来完成相关需求,这里引用官网对自定义指令的描述:除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况
转载 2024-09-28 22:57:39
179阅读
安装npmnpm 命令安装vue-clinpm install vue-cli-g vue init命令来初始化项目 vue init <template-name> <project-name> <template-name>:表示模板名称,vue-cli官方为我们提供了5种模板,  webpack-一个全面的webpack+vue-loader
组件1.组件的使用步骤1.1创建组件1.2注册组件1.2.1全局注册1.2.2局部注册1.3使用组件标签1.4局部注册与全局注册2.单文件组件2.1单文件组件的结构2.2使用2.3单文件组件的优点3.setup语法糖3.1语法3.2作用 1.组件的使用步骤1.1创建组件通过一个普通的 JavaScript 对象来定义组件。注意与创建App的差异,配置项中不能出现data: 和 el:选项,传递数
目录一.vue3介绍1. 官网初识2.环境搭建2-1 线上尝试2-2 CDN使用2-3 Vue CLI2-4 Vite二.vue3基础1.模板语法1-1 我的第一个vue应用 1-2 应用背后的真相1-3 模板语法-新的皮肤来了1-4 Todolist-来个案例1-5 点击变心案例 - 是变色1-6 v-html- 模板的陷阱 2.class与style2-1 class的绑定
转载 4月前
403阅读
<div v-if='score >= 90'>优秀</div> <div v-else-if='score >= 80'>良</div> <div v-else-if='score >= 60'>及格</div> <div v-else>不及格</div> 每个条件语句都需要一个前缀V ...
转载 2021-09-06 17:50:00
193阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5