vue
文章平均质量分 95
上晴下雪
这个作者很懒,什么都没留下…
展开
-
Vue3
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、安装1.独立版本安装2.CDN 方法3.NPM 方法4.Vite (推荐使用)二、目录结构二、目录结构1.引入库2.读入数据总结前言构建用户界面的渐进式框架只关注视图层, 采自底向上增量开发的设计。目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件一、安装1.独立版本安装我们可以在 Vue.js 的官网上直接下载最新版本, 并用 2.CDN 方法Staticfile CDN(国内) :原创 2021-03-16 01:01:14 · 313 阅读 · 0 评论 -
4-6 在Vue中使用插槽
推荐:插槽<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>4-6 在Vue中使用插槽</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script></head><body> <div原创 2020-05-23 07:45:21 · 111 阅读 · 0 评论 -
vue set方法
<!DOCTYPE html><html><head> <title>Vue set方法</title> <script src="vue.js"></script></head><body> <!-- 改变对象,数组的方法 1.改变对象,数组的引用 2.变异方法 3.set方法 set方法 全局:Vue.set(list,202,'202数据');原创 2020-05-21 07:49:51 · 480 阅读 · 0 评论 -
vue 列表循环渲染
<!DOCTYPE html><html><head> <title>Vue 列表循环</title> <script src="https://cdn.jsdelivr.net/npm/vue"></script></head><body> <!-- 1.v-for 循环带上key(增加性能),key是唯一值,不能索引,一般是主键ID 2.vue 不能通过下标的方式更新数原创 2020-05-20 23:45:11 · 576 阅读 · 0 评论 -
2_5 Vue 样式绑定
Vue 样式绑定 class 对象绑定方式<!DOCTYPE html><html><head> <title>Vue 样式绑定</title> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <style> .activated{ color: red; } </style></head..原创 2020-05-11 07:47:27 · 98 阅读 · 1 评论 -
2_4 计算属性(computed)的 set,get
计算属性(computed)的 set,get<!DOCTYPE html><html><head> <title>计算属性(computed)的 set,get</title> <script src="https://cdn.jsdelivr.net/npm/vue"></script></head><body> <div id="app"> {{fullNam原创 2020-05-11 07:09:41 · 171 阅读 · 0 评论 -
2_3 Vue 计算属性,方法监听
Vue 计算属性,方法监听<!DOCTYPE html><html><head> <title>计算属性</title> <script src="https://cdn.jsdelivr.net/npm/vue"></script></head><body> <div id="app"> {{fullName}} </div> <script原创 2020-05-10 23:24:08 · 86 阅读 · 0 评论 -
2_2 Vue 模板语法
模板语法<!DOCTYPE html><html><head> <title>模板语法</title> <script src="https://cdn.jsdelivr.net/npm/vue"></script></head><body> <div id="app"> <!-- 插值表达式 都是js代码--> {{name + 'wang'}}原创 2020-05-10 22:27:23 · 69 阅读 · 0 评论 -
Vue 简单组件传值 1_5
Vue 简单组件转值<!DOCTYPE html><html><head> <title>简单的组件间传值</title> <script type="text/javascript" src="./vue.js"></script></head><body> <div id="app"> <input type="text" id='input' v-mo原创 2020-05-10 21:50:36 · 103 阅读 · 0 评论 -
1_4 组件的使用 component
组件的使用 component<!DOCTYPE html><html><head> <title>组件的使用 component</title> <script type="text/javascript" src="./vue.js"></script></head><body> <div id="app"> <input type="text" i...原创 2020-05-10 21:29:41 · 133 阅读 · 0 评论 -
1_2 Vue 实现TodoList之增加
标题:Vue 实现TodoList之增加<!DOCTYPE html><html><head> <title>Vue 实现TodoList之增加</title> <script src="https://cdn.jsdelivr.net/npm/vue"></script></head><body> <div id="app"> <input type="text原创 2020-05-09 23:34:31 · 136 阅读 · 0 评论 -
1_1 Vue 定时器改变DOM值
Vue 定时器改变值<!DOCTYPE html><html><head> <title>定时改变HTML值</title> <script type="text/javascript" src="./vue.js"></script></head><body> <div id="app">{{content}}</div> <script typ.原创 2020-05-09 23:13:52 · 437 阅读 · 0 评论 -
2_1 Vue生命周期实例_案例讲解
<!DOCTYPE html><html><head> <title>Vue生命周期实例</title> <script type="text/javascript" src="./vue.js"></script></head><body> <div id="app">{{content}}</div> <script type="text/javas原创 2020-05-09 22:49:15 · 136 阅读 · 0 评论