2021年5月31日
从零开始学VUE之模板语法(表单数据绑定)
摘要： 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 彼岸舞 阅读(121) 评论(0) 推荐(0)
从零开始学VUE之模板语法(阶段案例及其过滤器)
摘要： 阶段案例 案例效果 新建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 彼岸舞 阅读(73) 评论(0) 推荐(0)
从零开始学VUE之模板语法(循环遍历)
摘要： 循环遍历 <!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 彼岸舞 阅读(505) 评论(0) 推荐(0)
从零开始学VUE之模板语法(条件判断)
摘要： 条件判断 <!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 彼岸舞 阅读(375) 评论(0) 推荐(0)
从零开始学VUE之模板语法(事件监听)
摘要： 事件监听 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 彼岸舞 阅读(105) 评论(0) 推荐(0)
从零开始学VUE之模板语法(计算属性)
摘要： 计算属性 setter与getter 使用计算属性简化 表达式操作,实现复用,一般计算属性都是只用getter的,一般不适用setter <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</titl 阅读全文
posted @ 2021-05-31 16:44 彼岸舞 阅读(158) 评论(0) 推荐(0)
从零开始学VUE之模板语法(绑定属性)
摘要： 绑定属性 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 彼岸舞 阅读(137) 评论(0) 推荐(0)
从零开始学VUE之模板语法(插值操作)
摘要： 插值操作 {{}}语法 新建InsertValue.html,使用双大括号可以获取data中的值,可以写一些简单的表达式,比如加减乘除 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>插入值</title> 阅读全文
posted @ 2021-05-31 16:42 彼岸舞 阅读(127) 评论(0) 推荐(0)
从零开始学VUE之Vue的生命周期
摘要： Vue的生命周期 什么是生命周期?其实就是一个东西从诞生到死亡的一个过程,对于Vue来说就是从创建到销毁的一个过程就称之为Vue的生命周期 以上图片就是官网中对于Vue的整个生命周期的过程了 其实生命周期的存在就是,为了在Vue执行到一定阶段的时候,我们需要做一些事情,就比如在人的一生的生命周期中, 阅读全文
posted @ 2021-05-31 16:38 彼岸舞 阅读(60) 评论(0) 推荐(0)
从零开始学VUE之Vue创建时可以传入的Option属性
摘要： 官网:https://cn.vuejs.org/v2/api/#silent 作者：彼岸舞 时间：2021\05\31 内容关于：VUE 本文属于作者原创,未经允许,禁止转发 阅读全文
posted @ 2021-05-31 16:37 彼岸舞 阅读(105) 评论(0) 推荐(0)
从零开始学VUE之Vuejs初体验(DEMO)
摘要： 体验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 彼岸舞 阅读(180) 评论(0) 推荐(0)
从零开始学VUE之IDEA 创建JS项目(IDEA,2021)
摘要： IDEA 创建JS项目(IDEA,2021) 新建项目 找一个位置新建一个文件夹 到此就可以得到一个空项目,接下来将VUE导入项目中 在项目下创建JS文件夹,将vue.js拷贝进去 完成 作者：彼岸舞 时间：2021\05\31 内容关于：VUE 本文属于作者原创,未经允许,禁止转发 阅读全文
posted @ 2021-05-31 16:34 彼岸舞 阅读(1791) 评论(0) 推荐(0)
从零开始学VUE之IDEA安装VUE插件
摘要： IDEA安装VUE插件 本身IDEA是不支持VUE的,需要安装插件,在file->settings->plugins中搜索VUE安装即可 作者：彼岸舞 时间：2021\05\31 内容关于：VUE 本文属于作者原创,未经允许,禁止转发 阅读全文
posted @ 2021-05-31 16:32 彼岸舞 阅读(298) 评论(0) 推荐(0)
从零开始学VUE之安装Vuejs
摘要： 官网 官方地址:https://cn.vuejs.org/ 文档地址:https://cn.vuejs.org/v2/guide/ 安装Vuejs CDN引入(一般不用) <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.n 阅读全文
posted @ 2021-05-31 16:31 彼岸舞 阅读(127) 评论(0) 推荐(0)