首页
每日60s
项目
网盘
留言
友链
关于我
Search
1
Vue展示列表列表数据(案例一)
8 阅读
2
计算属性的getter和setter
4 阅读
3
雨天街拍
4 阅读
4
Vue.js知识量化
3 阅读
5
Go语言学习计划
3 阅读
笔记
Java
Python
Vue2
Uni-app
Go
生活
兴趣
摄影
摩托
历程
考证
工作经验
CDA人才认证
数据架构师
登录
/
注册
Search
标签搜索
go
后端
Java
编程语言
vue.js
笔记模板
CDA人才认证
数据分析师
笔记
main方法
课程笔记
编程
JiaJun
累计撰写
21
篇文章
累计收到
12
条评论
首页
栏目
笔记
Java
Python
Vue2
Uni-app
Go
生活
兴趣
摄影
摩托
历程
考证
工作经验
CDA人才认证
数据架构师
页面
每日60s
项目
网盘
留言
友链
关于我
搜索到
8
篇与
的结果
2022-09-28
Vue.js和特点介绍
Vue.js和特点介绍一、认识Vue.js为什么学习Vue.js个人学习Vue的原因是都走全栈开发简单认识一下Vue.jsVue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。二、Vue.js安装方式CDN引入<script src="https://cnd.jsdeliver.net/npm/vue/dist/vue.js"></script> <script src="https://cnd.jsdeliver.net/npm/vue"></script>下载和引入官网下载开发版本:NPM安装管理三、Vue.js初体验hello Vue.jsVue列表展示案例:计算器四、Vue.js的MVVMVue中的MVVM
2022年09月28日
1 阅读
0 评论
0 点赞
2022-09-28
一、邂逅Vue.js
Vue Day01一、邂逅Vue.js1.1. 认识Vue为什么学习VueVue的读音Vue的渐进式Vue的特点1.2. 安装VueCDN引入下载引入npm引入1.3. 初体验Hello Vue.jsmustache -> 体验vue的响应式Vue的列表展示v-for后面的数组追加元素的时候,新的元素也能显示出来Vue计数器案例事件监听1.4. Vue中的MVVM1.5. 创建Vue时,option 可以放哪些东西eldatamethods生命周期函数二、插值语法mustache 语法v-oncev-htmlv-textv-prev-cloak三、v-bind3.1. v-bind绑定基本属性v-bind::src:href3.2. v-bind动态绑定对象语法:work :class = '{类名: boolean'数组语法:四、计算属性案例一(firstName+lastName)案例二(books 计算总价格)
2022年09月28日
2 阅读
2 评论
0 点赞
2022-09-28
Vue.js知识量化
Vue.js知识量化一、邂逅Vue.js二、Vue.js基础语法三、组件化开发四、Vue CLI详解五、Vue-router六、Vuex详解七、网络封装八、项目实战
2022年09月28日
3 阅读
0 评论
0 点赞
2022-09-24
计算属性的getter和setter
计算属性的getter和setter一、案例实现:<script src="https://cdn.staticfile.org/vue/2.7.0/vue.min.js"></script> <script> var vm = new Vue({ el: "#app", data: { firstName: "kobe", lastName: "bryant" }, computed:{ //计算属性一般没有set方法*(默认为只读属性) fullName:{ get:function () { full = this.firstName+ " " + this.lastName return this.firstName+ " " + this.lastName }, set:function (newValue) { console.log("如果赋值则控制台输出",newValue) const name = newValue.split(' ') console.log(name[0]) console.log(name[1]) this.firstName = name[0] this.lastName = name[1] } } } }) </script>计算属性拥有缓存,存在内存里面的每次执行只调用一次生成缓存二、ES6补充2.1. let/varlet变量需要改变的时候写const标志符是不需要改变的时候var 的设计可以看做JavaScript语言设计上的错误,我们可以把let看成完美的varlet的特点:let有块级作用域,var没有块级作用域变量作用域:变量在什么范围是可用的没有if块级作用域会引起的问题for没有块级作用域的问题var btns = document.getElementsByTagName('button'); for (var i = 0;i<btns.length;i++){ btns[i].addEventListener('click',function () { console.log('第'+(i+1)+'按钮')//i处在函数里面,传入时初始值是0,结束循环的时候就是4,则结果是4 }) }var btns = document.getElementsByTagName('button'); for (var i = 0;i<btns.length;i++){ (function (i){ btns[i].addEventListener('click', function () { console.log('第' + (i + 1) + '按钮')//i处在函数里面,传入时初始值是0,结束循环的时候就是4,则结果是4 }) })(i)//做闭包处理后不会影响结果 }在ES5之前因为if和for都没有块级作用域的概念所有都借助于function来解决这个问题,ES6中加入的let就是解决此问题的2.2. const的使用建议:在ES6开发中优先使用const,只需要修改某一个表示符时再使用letconst使用的注意事项:
2022年09月24日
4 阅读
0 评论
0 点赞
2022-09-24
Vue展示列表列表数据(案例一)
Vue展示列表列表数据(案例一)需求:需要展示一个更加复杂的数据:数据列表。比如我们现在从服务器拿一个列表数据希望展示在HTML中现阶段实现:通过v-for指令实现:特点:数组中的数据发生改变界面也会发生改变通过Console可以对其进行操作计数器(案例二)需求:点击+ 计数器 + 1点击- 计数器 - 1现阶段实现:使用新的指令和属性:methods该属性用于Vue对象中定义方法。新的指令学习:@click 是on-v:click的缩写(也叫语法糖),该指令用于监听某个元素的点击事件,并且需要指定当发生点击时,执行的方法
2022年09月24日
8 阅读
0 评论
0 点赞
1
2