Vue
文章平均质量分 70
Vue
Moon里
千里之行,始于足下
展开
-
【Vue】关于生命周期
【代码】Vue的生命周期。原创 2024-03-27 15:19:41 · 141 阅读 · 0 评论 -
【Vue】父子组件间的传参、插槽的使用
子组件的模板里预留的空位(slot ),父组件使用子组件时可以在子组件的插槽内插入内容(可以是一个东西,也可以是一个结构,或是组件)//子组件通过$emit触发父组件上的事件:this.$emit("自定义触发事件的名称")组件传参:props属性接收传递来的参数,只能单向(父=>子),不能反向传递,不能跨级传递。//可以写成函数(子组件被点击时触发父组件的事件)组件传参:子组件通过$emit触发父组件上的事件。//接收父组件传过来的参数(数据是一个对象)//props属性接收,父组件传过来的参数。原创 2024-03-25 19:01:47 · 975 阅读 · 0 评论 -
【Vue】脚手架的介绍和搭建
脚手架 vue-cli(1)安装脚手架(npm版本3.0以上,查看npm版本:npm -v)npm install -g@vue/cli (全局安装)(2)通过脚手架搭建项目vue create 项目名(项目名使用小写英文)??>(*) Babel ---转码器(*) Router(*) Vuex?> 2.x?No??原创 2024-03-25 15:51:46 · 240 阅读 · 0 评论 -
【Vue】自定义指令directives、过滤器filters、计算属性computed、数据变化监测watch、Vue.set(target,key,value)方法、nextTick方法
做想的事情不拘泥于原有的指令//设置自定义指令的 foucs : {//自定义指令的名称,在html中使用的时候就是v-foucs inserted : function(el) {//inserted函数表示当绑定了该指令的元素被插入到dom的时候就会立即触发它(el表示使用了自定义指令的页面元素) console . log(el);//当这个元素出现的时候,这个元素要干什么事情 console . log(el);原创 2024-03-25 15:26:53 · 850 阅读 · 0 评论 -
【Vue】基础语法
/ console.log(this.count) //等同于this.$data.count。// console.log(this) //this指向当前vue对象。// console.log(this.$data) //$或者_*vue自动挂载在哪个节点(生效区域)*!// 另一种写法手动挂载: $mount()message:"hello月亮"*创建一个vue对象*!//obj拿到的是index的值。//删除对应的数组对象。"阻止默认行为和冒泡"原创 2024-03-24 15:27:44 · 594 阅读 · 0 评论