![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 77
Shao0000
这个作者很懒,什么都没留下…
展开
-
01.vue基础结构:
vue基础结构: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://unpkg.com/vue/dist/vue.js">&原创 2019-01-24 12:03:32 · 193 阅读 · 0 评论 -
02.计算属性:
计算属性: 示例: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://unpkg.com/vue/dist/vue.js">&原创 2019-01-27 11:58:46 · 124 阅读 · 0 评论 -
04.条件渲染:
条件渲染: 单个元素渲染: v-if、v-else组合: 。。。。。。 <body> <div id="vue1"> #单个元素渲染 <p v-if="isCreate">v-if</p> <p v-else>v-else</p> </div>原创 2019-02-01 17:11:37 · 154 阅读 · 0 评论 -
05.列表渲染:
列表渲染: 列表渲染: <body> <div id="vue1"> #列表渲染 <ul> <li v-for="data in datalist" :key="index"> {{data}} </li> </ul> #列表渲染原创 2019-02-01 17:12:00 · 133 阅读 · 0 评论 -
03.动态添加class和style:
动态添加class和style: 示例: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://unpkg.com/vue/dist/vue.js"&原创 2019-01-28 16:15:48 · 577 阅读 · 0 评论