![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
前端菜鸟-001
请各位大佬多多指教
展开
-
vue 组件通信
vue 组件通信1.组件通信a.父传子:// 总结:1.父传子:传递的是基础数据类型 给父组件中的子组件绑定属性,此时属性的值在父组件中已经定义,子组件需要通过porps接收,要用数组接收 在子组件中直接渲染接收到的值即可// 2.父传子:子修改父组件传递的值报错,如果解决,把父组件传递过来的值变为自己的属性,直接修改自己属性即可。后果:父组件修改不会影响自己的数据// 3.父传子:父变,子变,子变,父变,需要在父组件中定义对象,传递给子组件的就是对象的方式,子组件正常接收即可pare原创 2020-11-29 12:14:45 · 111 阅读 · 0 评论 -
vue组件初识以及简单应用
vue组件初识以及简单应用1.组件特点:一组可复用的vue实例组件化和模块化的区别?组件化:组件化是指解耦复杂系统时将多个功能模块拆分、重组的过程,有多种属性、状态反映其内部特性特点:一个具有html+css+js的页面模块化:侧重的功能的封装,主要是针对Javascript代码,隔离、组织复制的javascript代码,将它封装成一个个具有特定功能的的模块。2.命名规则1.不能以标签起名,包含大写2.建议用驼峰起名3.首字母大写,后面直接写名字。如果后面有大写需要转换为驼峰原创 2020-11-28 16:12:15 · 107 阅读 · 0 评论 -
vue的监听,过滤,计算
vue的监听,过滤,计算1.watch案例:百度搜索框接口:百度:http://suggestion.baidu.com/su?cb=callback&wd=1231.深浅监听 watch:{ //浅监听 msg(newVal,oldVal){ console.log(newVal,oldVal) }, //深监听 json:{ //这个名字不能更改 handler(a){ console.log(a) },原创 2020-11-28 10:59:02 · 183 阅读 · 0 评论 -
vue表单操作和修饰符
vue表单 修饰符1.表单姓名 name eg:"张三"性别 sex eg:"0" 说明:男-0 女-1 电话 tel eg:"15747474747"密码 pass eg:"123"爱好 hobby eg:["codding","playing"] 说明:唱歌-sing 跳舞-dancing 打游戏-playing 写代码-codding 专业 job eg:"web" 说明:java工程师-java web工程师-web php工程师-php 证书 cert eg:["erji原创 2020-11-28 10:56:28 · 137 阅读 · 0 评论 -
vue初始
VUE初识vue介绍1.官网 :https://cn.vuejs.org/2.api1.vue特点:易用,灵活,高效2.渐进式根据需求的不同加载不同模块库和框架的区别:库:jq …js 功能单一框架:vue react angular3.vue核心:数据驱动组件化4.vue安装a.cdn方式 需要引入的开发版本b.npm install vuec.直接下载vue.js一:指令v-text/v-html v-if,v-show v-if:直接移除元素原创 2020-11-27 17:38:20 · 95 阅读 · 0 评论