Vue基础
vue的基础和后面的实战
AiDeMoLia
这个作者很懒,什么都没留下…
展开
-
Vue的计算属性
1.computed的使用 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>使用computed实现</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <body> <div id="r原创 2022-05-24 23:52:49 · 88 阅读 · 0 评论 -
Vue的全局组件和局部组件
<div id=root> <div v-text="texts"></div> <input v-model="inputValue" /> <button @click="handleClick">提交</button> <ul> <todo-item v-for="(item,index) of list" :key="index" :content="item"><.原创 2022-05-19 15:42:13 · 1389 阅读 · 0 评论 -
Vue的实例,数据绑定和v-if,v-show,v-for
{{number}}:插值表达式,也就是把number的值插入到h1之中; v-text="number":h1的内容由number这个变量决定,v-text是Vue中的一个指令,这个指令里面的东西跟着的是一个变量,它告诉h1显示的内容就是"number"这个变量; v-html="content":v-html与v-text的区别是,v-html不会转义,而v-text会转译; v-on:click="handleClick":通过v-on给元素绑定一个Click事件,事件触发方法。 v-on:c原创 2022-05-19 15:33:11 · 720 阅读 · 0 评论