vue
文章平均质量分 50
vue
不秃头的小李同学
这个作者很懒,什么都没留下…
展开
-
less-loader报错 TypeError: this.getOptions is not a function
less-loader报错 TypeError: this.getOptions is not a function原创 2022-03-31 00:59:54 · 2806 阅读 · 1 评论 -
Vue兄弟组件间通信
Vue兄弟组件通过事件中心进行消息传递原创 2022-01-20 16:43:28 · 433 阅读 · 0 评论 -
VUE组件注册练习
组件注册练习(VUE2.0)<!-- * @Description: * @Autor: leechoy * @Date: 2022-01-20 00:55:52 * @IDE: Visual Studio Code --><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Comp.原创 2022-01-20 01:44:36 · 194 阅读 · 0 评论 -
watch初体验
watch可以监控元数据的变化,当元数据变化时执行相关函数<!-- * @Description: watch练习 * @Autor: leechoy * @Date: 2022-01-19 02:02:43 * @IDE: Visual Studio Code--><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta ht.原创 2022-01-19 02:28:18 · 242 阅读 · 0 评论 -
vue过滤器
过滤器在vue3.0中被弃用,建议利用计算属性和方法来代替<!-- * @Description: * @Autor: leechoy * @Date: 2022-01-16 19:26:17 * @IDE: Visual Studio Code--><!-- 过滤器在vue3.0中被弃用,建议利用计算属性和方法来代替 --><!DOCTYPE html><html lang="en"><head> <m.原创 2022-01-19 02:02:12 · 205 阅读 · 0 评论 -
表单修饰符
<!-- * @Description: * @Autor: leechoy * @Date: 2022-01-16 18:53:38 * @IDE: Visual Studio Code--><!DOCTYPE html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta原创 2022-01-16 19:24:49 · 232 阅读 · 0 评论 -
vue表单操作
<!-- * @Description: * @Autor: leechoy * @Date: 2022-01-16 18:12:57 * @IDE: Visual Studio Code--><!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script src="https://cdn.原创 2022-01-16 18:52:40 · 518 阅读 · 0 评论 -
Elements in iteration expect to have ‘v-bind:key‘ directives的解决办法
原代码块<li v-for="item in list" class="row"> <router-link :to="about/"+item.id">{{item.text}}</router-link><li>报错:Avoid using non-primitive value as key, use string/number value instead”Elements in iteration expect to have 'v-bi原创 2021-08-05 14:18:02 · 601 阅读 · 0 评论 -
vue自定义组件
一、无参组件首先利用VUE-CLI创建一个vue项目(不用vue-cli也行此处只是原来建立好了,方便演示)编写组件<template> <div class="hello"> <h1>{{ msg }}</h1> <p> For a guide and recipes on how to configure / customize this project,<br> check原创 2021-08-03 16:36:33 · 303 阅读 · 0 评论 -
使用Vue CLI 构建项目
一、安装vue-clicnpm install vue-cli -g如果没有安装cnpm可以先安装cnpm,以下代码使用的淘宝的镜像源npm install cnpm -g --registry=https://registry.npm.taobao.org在命令执行结束后可以输入以下代码来验证:vue --servion如果显示版本信息就是表明安装成功二、初始化项目cd 到你要放置项目的文件夹下,输入以下语句构建名称为vue_test的项目vue init webpack vue_原创 2021-07-24 17:30:45 · 183 阅读 · 0 评论 -
v-model数据双向绑定
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>常用原创 2020-11-20 16:16:22 · 269 阅读 · 0 评论 -
b-bind(及其语法糖)
①v-bind动态绑定属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></原创 2020-11-18 11:30:57 · 584 阅读 · 0 评论 -
v-pre
v-pre 将不对mustache进行解析直接输出标签中的值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdn.jsdelivr.net/npm/vue原创 2020-11-18 11:13:42 · 340 阅读 · 0 评论 -
v-html
v-html可以输出HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12">&l原创 2020-11-18 11:05:31 · 474 阅读 · 1 评论 -
v-once
v-once:只执行一次 数据不能被修改①不加v-once效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdn.jsdelivr.net/npm/v原创 2020-11-18 10:57:50 · 209 阅读 · 0 评论 -
mustache插值绑定
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Mustache</title> <script src="https://cdn.jsdelivr.ne原创 2020-11-18 10:48:57 · 220 阅读 · 0 评论 -
简单入坑vue
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>原创 2020-11-15 15:58:20 · 266 阅读 · 0 评论