iTao0128 - 博客园

2022年2月27日

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2022-02-27 11:22 iTao0128 阅读(47) 评论(0) 推荐(0)

watch属性

摘要： <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 阅读(55) 评论(0) 推荐(0)

2022年2月21日

组件模板抽离

摘要： <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 阅读(14) 评论(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 阅读(21) 评论(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 阅读(331) 评论(0) 推荐(0)

v-model的修饰符

摘要：阅读全文

posted @ 2022-02-21 19:48 iTao0128 阅读(27) 评论(0) 推荐(0)

2022年2月19日

v-model结合select

摘要： <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 阅读(47) 评论(0) 推荐(0)

v-model结合checkbox

摘要：单选 <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 阅读(60) 评论(0) 推荐(0)

v-model结合radio

摘要： <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 阅读(31) 评论(0) 推荐(0)

2022年2月17日

过滤器filters

摘要：￥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 阅读(35) 评论(0) 推荐(0)

菜鸟需勤奋

公告