![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js
一觉睡到自然醒_
这个作者很懒,什么都没留下…
展开
-
Vue组件切换的两种方式
1.v-if与它的v-elsev-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回true 值的时候被渲染。如果使用了v-else,则会在v-if为false时执行v-else的语句但只适合两个组件的切换<body> <div id="app"> <input type="button" value="v-if" @click="flag=true"> <input type="button" va原创 2020-05-25 13:44:19 · 510 阅读 · 0 评论 -
Vue组件
Vue组件1.Vue的模块化和组件化①模块化②组件化2.组件的使用Ⅰ.全局组件:①使用Vue.extend()创建全局组件②直接使用Vue.component()创建全局组件③定义\标签Ⅱ.私有组件Ⅲ.组件中的data和methods1.Vue的模块化和组件化①模块化将功能相同或相似的代码,单独抽离出来,用相同的规范(CommonJS规范)去封装为一个个模块。这方便了项目的开发和后期的维护、发展;如果需要经常使用固定功能的模块,则可直接拿来使用。②组件化将页面上相同的、有重复性的UI结构和原创 2020-05-24 18:59:32 · 252 阅读 · 0 评论 -
Vue.js基础1
Vue.js基础一.Vue基础:1.Vue基础代码结构与插值表达式:<body><div id="app"> <p>{{message}}</p></div></body> <script>var app = new Vue({ el: '#app', data: { message:"学习Vue" }})</script>值得注意的是,当网络较慢时,网页还原创 2020-05-17 22:23:57 · 270 阅读 · 0 评论