![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
vue.js的学习与实践
qq_落叶
从事javaweb方面的学习,愿意和志同道合的朋友一起交流。
展开
-
vue-cli介绍与使用
vue-cli 是 vue 出来的一个脚手架,可以进行 组件式地开发1、安装 vue-cli在命令窗口输入:npm install -g vue-cli输入vue 能看到下面信息,代表安装成功2、安装项目模板,这里安装webpack前三个是固定的,最后一个项目名称(不能使用大写,否则安装会有提示),安装过程中会有操作选项,vue-router是路由器,不熟悉可以先不安装vue init webpack vuedemo3、下载依赖我理解的是类似在maven中下载jar依赖包,注意:这里网络要原创 2020-07-05 11:16:36 · 191 阅读 · 0 评论 -
vue的生命周期
1. vue对象的生命周期1). 初始化显示* beforeCreate()* created()* beforeMount()* mounted()2). 更新状态* beforeUpdate()* updated()3). 销毁vue* beforeDestory()* destoryed()2. 常用的生命周期方法created()/mounted(): 发送ajax请求, 启动定时器等异步任务beforeDestory(): 做收尾工作, 如: 清除定时器 实例: vm.原创 2020-07-05 08:19:17 · 87 阅读 · 0 评论 -
vue计算属性与监视属性
1、html代码准备<div id="demo"> 姓: <input type="text" placehlder="First Name" v-model="firstName"><br> 名: <input type="text" placeholder="Last Name" v-model="lastName"><br> <!--fullName1是根据fistName和lastName计算产生--> 姓名1原创 2020-06-30 00:01:20 · 150 阅读 · 0 评论 -
Vue.js循环语句简单总结
首先引入Vue.js文件一、v-for 循环语句1、准备一个数组var data = [ {name:"盖伦",hp:341}, {name:"提莫",hp:225}, {name:"安妮",hp:427}, {name:"死歌",hp:893} ];2、准备css样式和div标签其中heros是数组名,hero是数组中的元素,index是遍历下标table tr td{border:1px solid原创 2020-05-17 09:33:28 · 582 阅读 · 0 评论 -
Vue条件语句
首先引入vue.js文件一、v-if1、定义div标签,当v-if条件为true时,显示那条数据,为false不显示切换隐藏显示 默认这一条是看得见的2、创建一个vue对象,管理div标签var ifCon=new Vue({ el: '#div1', data: { show:true }, methods:{ toggle: function(){原创 2020-05-17 00:14:30 · 232 阅读 · 0 评论 -
Vue监听事件总结
**引入Vue.js文件**如下,根据自己的文件目录引入路径<script type="text/javascript" src="../js/vue.js"></script>1、定义监听事件使用v-on或者@监听事件,如下点击加1<button @click=“countSecond”>点击加2通过{{countNumber}}获取vue中的数据点击了几{{countNumber}}2、新建一个vue对象data属性是对数据的获取,最终将数据显示原创 2020-05-16 18:44:01 · 513 阅读 · 0 评论