摘要：
<body> <div id="app"> </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> const app = new Vue({ el:'#app', data:{ mes 阅读全文
posted @ 2022-02-27 10:40
iTao0128
阅读(52)
评论(0)
推荐(0)
摘要：
<body> <div id="app"> <my-component></my-component> </div> <template id="zujian"> <div> <p>我是内容</p> </div> </template> <script src="https://cdn.jsdeli 阅读全文
posted @ 2022-02-21 21:14
iTao0128
阅读(13)
评论(0)
推荐(0)
摘要：
<body> <div id="app"> <parent></parent> </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> Vue.component('parent',{ 阅读全文
posted @ 2022-02-21 21:04
iTao0128
阅读(19)
评论(0)
推荐(0)
摘要：
定义全局组件（可以在多个vue实例中使用） <script> const cpn = Vue.extend({ //①创建组件构造器 template:` <div> <h2>我是标题</h2> <p>我是内容哈哈哈</p> <div> ` }); Vue.component('cpn',cpn); 阅读全文
posted @ 2022-02-21 20:10
iTao0128
阅读(327)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-02-21 19:48
iTao0128
阅读(27)
评论(0)
推荐(0)
摘要：
<body> <div id="app"> <select name="" id="" v-model="selected"> <option value="shanghai">上海</option> <option value="beijing">北京</option> <option value 阅读全文
posted @ 2022-02-19 11:25
iTao0128
阅读(43)
评论(0)
推荐(0)
摘要：
单选 <body> <div id="app"> <label for="agree"> <input type="checkbox" v-model="agree" id="agree" >同意协议 </label> <button :disabled="!agree">下一步</button> 阅读全文
posted @ 2022-02-19 11:18
iTao0128
阅读(56)
评论(0)
推荐(0)
摘要：
<body> <div id="app"> <!-- 互斥，只能选一个 --> <input type="radio" value="男" v-model="sex">男 <input type="radio" value="女" v-model="sex">女 <h2>您已选择：{{sex}}</ 阅读全文
posted @ 2022-02-19 10:56
iTao0128
阅读(26)
评论(0)
推荐(0)
摘要：
￥66.00 <body> <div id="app"> {{money | showPrice}} </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> new Vue({ el:' 阅读全文
posted @ 2022-02-17 22:14
iTao0128
阅读(31)
评论(0)
推荐(0)
摘要：
filter函数 filter中的回调函数有一个要求：必须返回一个boolean值； 返回true时：函数内部会自动将这次回调的的n值加入到新的数组中 返回false时：函数内部会自动过滤这次的n methods:{ f1(){ let nums = [10,50,30,80,60,20]; let 阅读全文
posted @ 2022-02-17 22:04
iTao0128
阅读(27)
评论(0)
推荐(0)
浙公网安备 33010602011771号