2021年8月30日
vue的插件
摘要： 插件引入（main.js里引用） import Plugin from './plugins.js'; Vue.use(Plugin); main.js import Vue from 'vue' import App from './App.vue' Vue.config.productionTi 阅读全文
posted @ 2021-08-30 23:21 幻影之舞 阅读(63) 评论(0) 推荐(0)
mixin混合
摘要： student.vue <template> <div class="student"> <h2>{{name}}</h2> <h2>{{age}}</h2> <button @click="showName">点我显示名字</button> </div> </template> <script>/ 阅读全文
posted @ 2021-08-30 22:47 幻影之舞 阅读(63) 评论(0) 推荐(0)
ref数据获取
摘要： <template> <div id="app"> <h2 v-text="appname" ref="title"></h2> <button ref = 'btn' @click="show">点我显示</button> </div> </template> <script> export de 阅读全文
posted @ 2021-08-30 22:23 幻影之舞 阅读(204) 评论(0) 推荐(0)
props使用
摘要： 1.简单声明接受 props:['name','age'] 2.接受的同时对数据进行限制 props:{ name:String, age:Number } 3.接受的同时对数据进行限制+默认值的指定+必要性的限制 props:{ name:{ type:String, required:true/ 阅读全文
posted @ 2021-08-30 21:57 幻影之舞 阅读(297) 评论(0) 推荐(0)
2021年8月17日
数据检测+数组或对象添加属性
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="../js/vue.js" type="text/javascript" charset="utf-8"></script> </hea 阅读全文
posted @ 2021-08-17 19:55 幻影之舞 阅读(79) 评论(0) 推荐(0)
列表过滤+排序
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="../js/vue.js" type="text/javascript" charset="utf-8"></script> </hea 阅读全文
posted @ 2021-08-17 19:52 幻影之舞 阅读(41) 评论(0) 推荐(0)
列表排序
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="../js/vue.js" type="text/javascript" charset="utf-8"></script> </hea 阅读全文
posted @ 2021-08-17 19:50 幻影之舞 阅读(46) 评论(0) 推荐(0)
key的作用
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="../js/vue.js" type="text/javascript" charset="utf-8"></script> </hea 阅读全文
posted @ 2021-08-17 19:48 幻影之舞 阅读(533) 评论(0) 推荐(0)
computed和watch
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>watch实现</title> <script src="../js/vue.js" type="text/javascript" charset="utf-8"></script 阅读全文
posted @ 2021-08-17 19:47 幻影之舞 阅读(47) 评论(0) 推荐(0)
vue中绑定class
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="../js/vue.js" type="text/javascript" charset="utf-8"></script> <styl 阅读全文
posted @ 2021-08-17 19:45 幻影之舞 阅读(49) 评论(0) 推荐(0)