用wordpress建一个网站吗,网页设计图片超链接,wordpress显示评论数,辽宁省建设厅注册中心网站【今日文章】#xff1a;1.关于 $attr $lisenner $slot 用法的思考 2. 关于父子组件传值的思考 3.关于前端日志系统搭建的思考 1.关于 $attr $lisenner $slot 用法的思考2. 关于父子组件传值的思考问题一#xff1a;在子组件中想修改父组件传来的数据#xff0c;需要怎么做?… 【今日文章】1.关于 $attr $lisenner $slot 用法的思考 2. 关于父子组件传值的思考 3.关于前端日志系统搭建的思考 1.关于 $attr $lisenner $slot 用法的思考2. 关于父子组件传值的思考问题一在子组件中想修改父组件传来的数据需要怎么做?问题二我想把父组件传来的值修改并且把修改后的值传给父组件完成类似于双向绑定的操作需要怎么操作 3.关于前端日志系统搭建的思考 1.关于 $attr $lisenner $slot 用法的思考 定义父组件传给子组件的数据。 $attr是父组件传给子组件的数据且在prop中没有的。 可以理解成 $attrs中包含的数据(父组件总的传过来的数据 - 子组件props接收的数据)$lisenner将父组件的方法传递给子组件。$slot 将父组件的插槽传递给子组件。 关于使用常见的理解可以用于二次封装组件。 举个例子比如说二次封装el-input组件
// 父组件div classwrapper my-input placeholder自定义组件 sizelarge v-modelmyInput/my-input/div// 子组件
// 这个时候如果子组件中的props没有定义上面的属性都会通过$attrs传过来
templateel-input v-bind$attrs/el-input
/template// 父组件div classwrapper my-input changeinputChange/my-input/div// 子组件通过写$listeners 来接收父组件的事件
// 子组件
el-input v-on$listeners/el-input// 父组件my-inputtemplate slotprependprepend/templatetemplate slotappend append /template/my-input// 子组件
templateel-inputtemplate v-for(val, key) in $slotsslot :namekey/slot/template/el-input
/template2. 关于父子组件传值的思考 首先父子组件传值需要遵循单项数据流 官方解释 父级 prop 的更新会向下流动到子组件中但是反过来则不行。这样会防止从子组件意外变更父级组件的状态从而导致你的应用的数据流向难以理解。每次父级组件发生变更时子组件中所有的 prop 都将会刷新为最新的值。这意味着你不应该在一个子组件内部改变 prop。如果你这样做了Vue 会在浏览器的控制台中发出警告。 个人理解 父组件可以向子组件通过属性形式传递任意参数当属性变化的时候子组件中的prop会刷新成最新的值。子组件不能修改父组件传来的数据只能使用父组件传来的数据。 问题一在子组件中想修改父组件传来的数据需要怎么做? 复制一份到data中。 // 子组件
prop:{parentVal
},
data(){return{// 复制一份值出来parentValCopy:this.parentVal}
}问题二我想把父组件传来的值修改并且把修改后的值传给父组件完成类似于双向绑定的操作需要怎么操作 v2.2.0 可以使用v-modelv2.3.0 可以使用.sync // 原理是一样的这里使用 .sync// 父组件
templatediv我是父子组件之间同步的数据{{data}}child :data.syncdata/child // 1.父组件使用 .sync/div
/template
scriptdata(){return {data:我是来自父组件的数据}}
/script// 子组件
templatedivinput typetext v-modelchildData inputchildDataChange/div
/template
scriptprops:{data:{default:,type:String}},data(){return {//2.子组件复制父组件传来的值childData:this.data }},methods:{// 3. 子组件触发update:data修改值并将值传递给父组件childDataChange(){this.$emit(update:data, this.childData) }}
/script
// 原理就是child :datadata v-on:update:datadata $event/child被简化成了child :data.syncdata/child
3.关于前端日志系统搭建的思考
前端日志系统都能做啥
对console的记录对http网络请求的记录能通过网页查看各个记录
系统架构
存储各种数据先存到浏览器本地再上传到服务器
至于存储数据就不详细描述了劫持console和http请求即可 关于存储到浏览器本地可以使用IndexedDB这里推荐Dexie.js操作数据库。
