weixin_46659420的博客

接口是一个笑话接口默认方式发送无参请求 <script src="https://unpkg.com/axios/dist/axios.min.js"></script> <script> axios({ url:'https://autumnfish.cn/api/joke', }).then(res=>{ console.log(res); })

创建项目vue create 项目名称选择配置打包npm run build运行npm ren serve

Vue的基本指令总结v-cloakv-textv-htmlv-bindv-onv-modelv-cloakv-text用于输出文本<div id="app"> <p v-text="msg"></p> </div>var vm = new Vue({ el:"#app", data:{ msg:'测试' } })p标签里的内容替换为测试v-html用于输出 html 代码<div id

Vue创建组件的三种方法第一种方法<div id="app"> <!-- 如果要使用组件，直接把组建的名称直接以标签的形式引入到页面中 --> <my-Com1></my-Com1> <!-- 下面如果用驼峰命名法，标签名称应该改成这种 --> <mycom2></mycom2> </div><script> //使用 Vue.extend 来创建全局的 Vue

Vue使用过渡类名实现动画步骤：1.使用transition元素，把需要被动画控制的元素包裹起来2. 自定义两组样式，来控制 transition 内部的元素实现动画样式表内代码 /* .v-enter,是一个时间点,是进入之前,元素的起始状态,此时还没有开始进入 */ /* .v-leave-to 是一个时间点,是动画离开后,离开的终止状态,此时元素动画已经结束 */ .v-enter, .v-leave-to{ opacity: 0; transform: trans

Vue自定义属性函数自定义属性<div id="app"> <p v-color="'red'" v-fontweight="900" v-fontsize="'50px'">sss123</p> </div>其中v-color，v-fontweight，v-fontsize 均为自定义属性自定义公有属性Vue.directive('color',{ bind:function (el,binding){ console.lo

Vue过滤器的基本使用 <div id="app"> <p>{{msg | msgFormat}}</p> // 原始数据-->过滤器处理 </div>全局无参过滤器 //定义一个Vue全局过滤器，名字叫做msgFormat // msg 为固定的参数 即是你需要过滤的数据 Vue.filter('msgFormat',function(msg){ return msg.replace('喜欢','讨厌') })