![](https://img-blog.csdnimg.cn/bad018a668a9446e95dca4a57c9c4ed8.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue.js
文章平均质量分 76
Vue.js 学习自黑马程序员
SunACong
这个作者很懒,什么都没留下…
展开
-
vue封装axios模块
vue封装axios模块原创 2022-06-12 22:04:25 · 157 阅读 · 0 评论 -
Vue前端路由vue-router
vue前端路由原创 2022-06-10 17:30:05 · 535 阅读 · 0 评论 -
vue自定义指令
vue自定义指令原创 2022-06-09 21:45:34 · 146 阅读 · 0 评论 -
vue插槽slot
vue插槽slot原创 2022-06-08 20:25:25 · 263 阅读 · 1 评论 -
vue动态组件
vue动态组件原创 2022-06-08 15:38:43 · 211 阅读 · 0 评论 -
ref引用用法
ref引用用法原创 2022-06-07 17:25:09 · 143 阅读 · 0 评论 -
vue组件以及组件之间的通信
在父组件中使用的步骤符号指向的是项目目录中的组件使用(全局)子组件main.jsProps自定义属性极大提高组件的复用性子组件定义一个props父组件引用并传入props的自定义属性props只读,不能被修改如果要修改props的值,直接转存到组件中的属性中去props属性设置默认值defaultdefault 设置默认值type 设置默认的数据类型required 是否必填项 设置的默认值不被认可组件之间的样式冲突默认情况下写在原创 2022-06-05 17:03:49 · 386 阅读 · 1 评论 -
vue生命周期
生命周期一个组件从->->的整个阶段,强调的是是vue的内置函数,随着组件的生命周期,组件生命周期分类是在 created 节点 是在 mounted 节点 数据跟新会触发 beforeUpdate update原创 2022-06-05 15:23:35 · 91 阅读 · 0 评论 -
vue-cli创建vue项目 项目目录介绍
vue-cli创建vue项目 项目目录介绍原创 2022-06-04 18:34:42 · 166 阅读 · 0 评论 -
watch侦听器和computed计算属性
Vue中的侦听器watch和computed属性原创 2022-06-04 12:03:36 · 68 阅读 · 0 评论 -
过滤器使用
过滤器插值表达式v-bind插值表达式全局过滤器<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/v2.6.10/vue.js" type="text/javascript" charset="utf-8"></script> </head> <原创 2022-06-04 10:15:17 · 87 阅读 · 0 评论 -
Vue绑定class和style
文章目录绑定class绑定style绑定class第一种方式是直接一个class内部引入多个 用空格隔开<h1 class="red thin">这是一个很大很大的h1</h1>第二种方式就是数组方式可以直接传递样式的名称通过字符串的形式也可以在使用三目表达式来决定动态样式的绑定也可以嵌套对象来动态绑定<!-- 直接传递一个数组 class绑定之后数组内部是一个个的字符串--><!-- 也可以使用三目表达式来动态绑定 -->原创 2022-05-29 16:03:49 · 304 阅读 · 0 评论 -
综合应用(播放歌曲)
播放器由于黑马程序员给的接口部分已经用不了。所有只实现了可以播放歌曲的功能说实话五月天的《温柔》好好听呀。。。原理大概就是请求接口后获取到数据,展示到前端页面就行了,没学过html所以一切就以实现功能为主了。《温柔》-五月天main.js文件var app = new Vue({ el:'#app', data:{ query:'', musicList:[], musciUrl:[], }, methods:{原创 2022-01-23 18:09:21 · 427 阅读 · 0 评论 -
Vue网络及应用axios
文章目录axios基本使用axios+Vue天知道小程序axios基本使用axios必须先导入才可以使用使用get或者post方法即可发送请求,then方法的回调函数会在请求成功或者失败时触发通过回调函数形参可以获取响应内容或者错误信息axios文档<div id="app"> <input type="button" value="get请求" class='get'> <input type="button" value="原创 2022-01-23 16:14:37 · 773 阅读 · 2 评论 -
Vue指令+本地应用记事本
Vue指令v-text (设置标签的文本值)v-html (设置标签的innerHTML)v-on(为元素添加绑定时间)简单小练习(计数器)v-show(根据真假切换显示装态,操纵样式)v-if(更具表达式的真假,操纵dom元素)v-text (设置标签的文本值)v-text指令的作用是:设置标签的内容默认写法会替换全部内容,使用插值表达式{{}}可以替换指定内容支持表达式<div id='app'> <h2 v-text="message+'!'">原创 2022-01-23 10:38:26 · 202 阅读 · 0 评论 -
第一个Vue程序 el挂载点 data数据对象
文章目录第一个Vue程序el挂载点vue实例的作用范围是否可以选择其他选择器是否可以设置其他dom元素data属性(数据对象)第一个Vue程序第一步:引入vue.js<script src="./lib/vue.js"></script>第二步:添加<div>标签<div id="app"> {{message}}</div>第三步:挂载在Vue上<script> var app = new Vue({原创 2022-01-22 14:47:11 · 739 阅读 · 0 评论