![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 59
Vue.js笔记
成碌chan甘啊你
这个作者很懒,什么都没留下…
展开
-
笔记:Vue特殊attribute--ref
ref:被用来给元素或子组件注册引用信息。即给标签添加ref属性。<script> <button ref="ref属性名"></button></script>在组件中的mounted钩子函数中可以用console.log获取到加了的ref属性的标签的集合。<script> <!--一个对象中的$refs持有注册过ref属性的所有DOM元素和组件实例--> conslole.log(this.原创 2021-12-19 11:19:45 · 336 阅读 · 0 评论 -
笔记:Vue组件的生命周期(钩子函数)
1.beforeCreate函数:<script> beforeCreate:function(){ <!--组件创建之前调用该函数--> }</script>2.created函数:<script> <!--组件的数据挂载发生在这里--> created:function(){ <!--组件创建之后,使用该组件就会调用该函数原创 2021-12-17 12:57:04 · 478 阅读 · 0 评论 -
笔记:Vue插槽
插槽:内置组件,<slot>元素是承载分发内容的出口。匿名插槽:子组件:(定义一个全局组件Vbtn 在当前例子中,该组件Vbtn为子组件,在这里用props选项设置属性值type,运用组件中的通信 子组件-->父组件传值)<style> /*default和样式1和样式2都是完全不一样的样式*/ .default{ ...... } .样式1{ ...... } .样式2..原创 2021-12-16 12:25:03 · 1112 阅读 · 0 评论 -
笔记:Vue组件之间的通信
父组件-->子组件通信:1.先给父组件中绑定自定义的属性。2.在子组件中使用props接受父组件传递的数据。3.这时候父组件传递的数据可以在子组件中任意使用。子组件:<script> Vue.component('Child',{ template:' <div> <p>我是一个孩子组件</p> .原创 2021-12-16 11:17:54 · 830 阅读 · 0 评论 -
笔记:Vue前端路由
在开发中,路由分为后端路由和前端路由。后端路由,根据不同的用户URL请求,返回不同的内容,后端路由的本质就是URL请求地址与服务器资源之间的对应关系。后端路由根据不同的URL地址分发不同的资源。前端路由,根据不同的用户事件,显示不同的页面内容。本质就是用户事件与事件处理函数之间的对应关系。前端路由负责事件监听,触发事件之后,通过事件函数渲染不同内容。ajax前端渲染,前端渲染提供性能,但是不支持浏览器的前进后退操作SPA——单页面应用,不仅页面交互无刷新,甚至页面跳转也可以无刷新,前端路原创 2021-12-10 15:32:01 · 372 阅读 · 0 评论 -
笔记: Vue选项---封装复用(filters,自定义指令,components,mixin)
1.过滤器(filters选项):用于定义在当前组件或实例作用域中可用的过滤器。可在双括号插值中添加在JavaScript表达式的尾部,以管道符号“|”与表达式隔开,表达式的值将作为参数传入filters中。<h1>{{ title }}</h1><h1>{{ titile | supplyTitle1 }}</h1><!--存在多个filter时,将从左向右执行,并将上一次过滤的结果作为下一次过滤的输入值--><h原创 2021-12-09 15:09:49 · 838 阅读 · 0 评论 -
笔记:Vue中使用axios
1.axios介绍:axios是一个基于Promise用于浏览器和node.js的HTTP客户端。向axios传递相关配置来创建请求:axios({ methods:'...', //若没有指定,默认为GET方法 url:'...', //请求的服务器url data{ ......, //请求主体被发送的数据 ......, } baseURL:'...', //自动加到url前面原创 2021-12-07 12:10:44 · 343 阅读 · 0 评论 -
笔记:Vue选项---DOM渲染(el,template,render)
1.el选项:指定被挂载元素,属性值仅限于CSS选择器或者DOM节点对象。这里推荐使用以下语法:el:"选择器" //挂载点2.template选项:语法:template:"<标签>......</标签>" //模板节点创建新的DOM节点并将替换原有的DOM节点可以放在实例中,也可以放在组件中。3.渲染函数render选项:使用在组件中,语法如下:render:function(createElement){原创 2021-12-07 11:28:14 · 1490 阅读 · 0 评论 -
笔记:Vue选项---数据和方法(data,props,methods,computed,watch)
1.数据选项:data:{ 数据名:数据 ......}, //对象类型data(){ return{ 数据名:数据, ...... }}, //函数类型(在组件(Vue.component)中,数据选项必须使用函数类型)2.属性选项(在组件中使用):props 可以是数组或对象,用于接收来自父组件的数据。props 可以是简单的数组,或者使用对象作为替代,对象允许..原创 2021-12-07 11:03:56 · 652 阅读 · 0 评论 -
笔记:Vue语法------vue指令(v-html,v-bind,v-on,v-model,v-if,v-show,v-for)
1.插值绑定文本插值-----{{ ... }}用双大括号将要绑定的变量,值,表达式括住就可以实现,vue将会获取计算后的值,并以文本的形式将其展示出来。HTML插值----- v-htmlvar vm=new Vue({ el:'#app', data(){ blog:kobe, }})<script><div id="app"> <div v-html="blog"></div>原创 2021-12-05 12:12:42 · 760 阅读 · 0 评论 -
Win10的Vue环境的搭建
win10的vue环境搭建原创 2021-11-28 14:27:38 · 394 阅读 · 0 评论