摘要: v-model <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../../../js/vue.js"></script> </head> <body> 阅读全文
posted @ 2021-05-31 16:50 彼岸舞 阅读(115) 评论(0) 推荐(0) 编辑
摘要: 阶段案例 案例效果 新建index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="style.css"> </ 阅读全文
posted @ 2021-05-31 16:48 彼岸舞 阅读(68) 评论(0) 推荐(0) 编辑
摘要: 循环遍历 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../../../js/vue.js"></script> </head> <body> <di 阅读全文
posted @ 2021-05-31 16:47 彼岸舞 阅读(491) 评论(0) 推荐(0) 编辑
摘要: 条件判断 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../../../js/vue.js"></script> </head> <body> <di 阅读全文
posted @ 2021-05-31 16:46 彼岸舞 阅读(361) 评论(0) 推荐(0) 编辑
摘要: 事件监听 v-on指令(缩写"@") 简单点击事件案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../../../js/vue.js"></scr 阅读全文
posted @ 2021-05-31 16:45 彼岸舞 阅读(95) 评论(0) 推荐(0) 编辑
摘要: 计算属性 setter与getter 使用计算属性简化 表达式操作,实现复用,一般计算属性都是只用getter的,一般不适用setter <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</titl 阅读全文
posted @ 2021-05-31 16:44 彼岸舞 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 绑定属性 v-bind指令(缩写":") 绑定属性(src) 用于动态绑定属性值,比如src动态绑定地址,新建v-bind.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> 阅读全文
posted @ 2021-05-31 16:43 彼岸舞 阅读(132) 评论(0) 推荐(0) 编辑
摘要: 插值操作 {{}}语法 新建InsertValue.html,使用双大括号可以获取data中的值,可以写一些简单的表达式,比如加减乘除 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>插入值</title> 阅读全文
posted @ 2021-05-31 16:42 彼岸舞 阅读(121) 评论(0) 推荐(0) 编辑
摘要: Vue的生命周期 什么是生命周期?其实就是一个东西从诞生到死亡的一个过程,对于Vue来说就是从创建到销毁的一个过程就称之为Vue的生命周期 以上图片就是官网中对于Vue的整个生命周期的过程了 其实生命周期的存在就是,为了在Vue执行到一定阶段的时候,我们需要做一些事情,就比如在人的一生的生命周期中, 阅读全文
posted @ 2021-05-31 16:38 彼岸舞 阅读(54) 评论(0) 推荐(0) 编辑
摘要: 官网:https://cn.vuejs.org/v2/api/#silent 作者:彼岸舞 时间:2021\05\31 内容关于:VUE 本文属于作者原创,未经允许,禁止转发 阅读全文
posted @ 2021-05-31 16:37 彼岸舞 阅读(98) 评论(0) 推荐(0) 编辑
摘要: 体验Vuejs Hello Vuejs 创建目录 和 HelloVuejs.html 编写代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 引入VUE.JS--> < 阅读全文
posted @ 2021-05-31 16:35 彼岸舞 阅读(173) 评论(0) 推荐(0) 编辑
摘要: IDEA 创建JS项目(IDEA,2021) 新建项目 找一个位置新建一个文件夹 到此就可以得到一个空项目,接下来将VUE导入项目中 在项目下创建JS文件夹,将vue.js拷贝进去 完成 作者:彼岸舞 时间:2021\05\31 内容关于:VUE 本文属于作者原创,未经允许,禁止转发 阅读全文
posted @ 2021-05-31 16:34 彼岸舞 阅读(1773) 评论(0) 推荐(0) 编辑
摘要: IDEA安装VUE插件 本身IDEA是不支持VUE的,需要安装插件,在file->settings->plugins中搜索VUE安装即可 作者:彼岸舞 时间:2021\05\31 内容关于:VUE 本文属于作者原创,未经允许,禁止转发 阅读全文
posted @ 2021-05-31 16:32 彼岸舞 阅读(289) 评论(0) 推荐(0) 编辑
摘要: 官网 官方地址:https://cn.vuejs.org/ 文档地址:https://cn.vuejs.org/v2/guide/ 安装Vuejs CDN引入(一般不用) <!-- 开发环境版本,包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.n 阅读全文
posted @ 2021-05-31 16:31 彼岸舞 阅读(110) 评论(0) 推荐(0) 编辑