![](https://img-blog.csdnimg.cn/20201017161124770.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
vue
二拜糕糖
这个作者很懒,什么都没留下…
展开
-
vue,获取外面的数据,然后显示
v-clock:解决闪烁问题[v-cloak]{display: none;}获取外面的json数据mounted(){axios.get(’…/data.json’).then(response=>(this.info=response.data));}json数据:{ "name":"陈崽崽", "url": "http://baidu.com", "page": "1", "isNonProfit":"true", "address": { ..原创 2020-10-12 11:39:35 · 551 阅读 · 0 评论 -
vue,自定义组件
自定义组件,并显示内容<body><div id="app"> <zujian1 v-for="i in items" v-bind:i="i"></zujian1></div><script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script><script> //定义一个vue组件component原创 2020-10-12 11:33:29 · 138 阅读 · 0 评论 -
vue数据双向绑定,(获取数据然后显示)
v-model数据双向绑定disabled默认选中<body><div id="app"> 请输入姓名:<input type="text" v-model="message"> {{message}} <br> <br> 请输入姓名2:<br> <textarea name="" id="" cols="10" rows="3" v-model="message">原创 2020-10-12 11:30:21 · 460 阅读 · 0 评论 -
vue v-for循环
vuev-for<body><div id="app"> <li v-for="item in items"> {{item.message}} </li></div><script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script><script> var vm = new Vue(原创 2020-10-12 11:18:25 · 70 阅读 · 1 评论 -
vue v-if,v-else-if,v-else
vuev-ifv-else-ifv-else<body><div id="app"> <h1 v-if="type==='A'">是A</h1> <h1 v-else-if="type==='B'">是B</h1> <h2 v-else>No</h2></div><script src="https://cdn.bootcss.com/vue/2.5.1原创 2020-10-12 11:15:06 · 111 阅读 · 0 评论 -
vue基础语法
<body><!--view层, 模板--><div id="app"> <h1>{{message}}</h1> <span v-bind:title="message"> 鼠标悬停几秒钟查看此处动态绑定的提示信息 </span></div><!--导入vue.js--><script src="https://cdn.bootcss..原创 2020-10-12 11:11:49 · 68 阅读 · 0 评论 -
axios cdn
vue axios 在线cdnvue的:<script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script>axios的(类jq、ajax)<script src="https://unpkg.com/axios/dist/axios.min.js"></script>原创 2020-10-11 20:40:20 · 968 阅读 · 0 评论 -
vue cdn
完整版:https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js压缩版:https://cdn.bootcss.com/vue/2.5.16/vue.min.js效果一样原创 2020-10-10 16:56:17 · 203 阅读 · 0 评论