VueJs
VueJs学习笔记
无味无感
这个作者很懒,什么都没留下…
展开
-
08-Vue创建脚手架
记录一下学习原创 2022-09-26 15:05:47 · 259 阅读 · 0 评论 -
07-Vue组件化
1.0 Vue组件的简单使用创建组件构造器对象:Vue.extend;创建完组件构造器时,通常使用template定义我自己的组件模板;这种定义模板的方式只限在Vue2.x里面使用注册组件:Vue.component;需要传递两个参数:1.注册组件的标签名 2.组件构造器使用组件:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title原创 2021-07-14 16:57:40 · 128 阅读 · 0 评论 -
06-v-model使用
1.使用v-model实现双向绑定使用场景一般在from表单中因为input标签中的v-model绑定了message,所以会实现实时将输入的内容传递message,message变量发生改变。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> &原创 2021-07-11 16:25:02 · 105 阅读 · 0 评论 -
05-Vue过滤器
Vue过滤器方便面重复使用,简化html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <table> <thead> <tr>原创 2021-07-11 15:06:35 · 84 阅读 · 0 评论 -
04-vue的计算属性复杂操作computed
vue的计算属性复杂操作computed用来做复杂的运算,因为computed计算属性会进行缓存,计算属性只会调用一次<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>$Title$</title></head><body><div id="app"> <h1>总价格:{{t原创 2021-06-09 09:52:06 · 512 阅读 · 0 评论 -
03-v-bind动态绑定属性
bind的使用v-bind使用场景是在我们要动态给元素属性赋值时,就需要用到v-bind;mustache语法时不能解决这个问题的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"><!-- mustac原创 2021-06-08 14:22:54 · 254 阅读 · 0 评论 -
03-Vue长用指令
once指令由于Vue是响应式的,Model层中的数据发生改变页面也会跟着马上改变;v-once指令就是由于解决特性情况的,加上它后页面正常显示数据,后面Model中数据发生改变了页面数据也不会改变<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>&原创 2021-06-08 11:19:41 · 61 阅读 · 0 评论 -
01-Vue插值操作
Mustache语法(也就是双括号)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"><!-- mustache语法中,不仅仅可以直接写变量,还可以写表达式--> <h2>{{mess原创 2021-06-07 21:43:48 · 67 阅读 · 0 评论 -
00-Vue初体验
Vue初体验体验Vue的响应式(数据发生改变,页面会自动跟着改变)我们做了什么事情在阅读JavaScript代码是,会发现创建了一个Vue对象。创建Vue对象的时候,传入了一些options:{}1.{}中包含了el属性:该属性指定Vue对象挂载到哪一个元素上,这里是挂载到id为app的元素上的。2.{}中包含了data属性:该属性通常是用来存储数据的<!DOCTYPE html><html lang="en"><head> <原创 2021-06-07 17:22:52 · 95 阅读 · 0 评论 -
简单认识一下Vuejs
简单认识一下VuejsVuejs 是什么Vue是一个渐进式的框架,什么是渐进式的呢?合理的创建标题,有助于目录的生成Vue有很多特点和Web开发中常见的高级功能这写特点,你不需要一个一个去记住,我们在后面的学习和开发中都会慢慢体会到的,一些技术我也回在后面进行讲解。学习VueJs的前提Vuejs 是什么Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三原创 2021-06-07 15:52:06 · 332 阅读 · 0 评论