技术专栏 vue实例和组件实例有什么区别? vue实例和组件实例有什么区别?感觉他们看起来很相似。 答:vue组件本质就是vue实例。 不过它们一点点区别就是: 组件的data必须是一个function,非组件data可以是一个对象。另外,组件没有el挂载点这个选项。 那为什么会有这两点区别呢? 因为,组件是可复用的 Vue 实例,注意“可复 … Mr.Li 2022年1月28日 0 0 2.37 k
技术专栏 Vue生命周期函数 生命周期函数就是在某个时间点自动执行的函数 初始化事件&生命周期 => 自动执行beforeCreate() 初始化注入&外部绑定 => 自动执行created() 是否有el? 有=> 是否有template? 没有=> 将el的外层HTML作为template 有=& … Mr.Li 2022年1月28日 0 0 961
技术专栏 Vue 模板语法与计算属性,方法,监听 一、vue模板语法 插值表达式: {{}} v-text =“name”:name就不再是字符串了,而是一个js的表达式 就是innerHTML,显示name变量所对应的值,可以将数据变量显示在页面上,实际和插值表达式{{}}是一样的 v-html = “name&rdquo … Mr.Li 2022年1月28日 0 0 966
技术专栏 Vue计算属性的setter和getter 计算属性的setter和getter get 传入值 set接收外部传来的value 插值表达式的内容,先去data对象中去找,找不到就会去computed对象中去找,找到显示到页面上 <div id="app">{{fullName}}</div> var … Mr.Li 2022年1月28日 0 0 930
技术专栏 Vue样式绑定的方法 样式绑定的方法 1)通过class绑定 class的对象绑定 ::class="{ activated:isActivated}",根据isActivated的true或false决定dom是否有class="activated"属性 对象绑定有另一种写法::class= … Mr.Li 2022年1月28日 0 0 957
技术专栏 Vue中的条件渲染 Vue中的条件渲染 v-if和v-show都能一个模板标签是否能在页面显示。 显示时:相同 隐藏时: v-if:不存在与dom之上 v-show:存在dom之上,以display:none的形式隐藏 v-show不会频繁的把dom从页面上删除或者添加。因此需要频繁的切换使用v-show效率更高。 v … Mr.Li 2022年1月28日 0 0 874
技术专栏 Vue列表渲染 Vue列表渲染 for-in和for-of推荐使用for-of v-for循环key推荐用数据的key值 数组变更方法 使用vue数组方法变更 在vue的for循环中直接改变数组的值,不能引起页面的一起变化。需要使用vue数组的方法 2.改变引用 重新给绑定一个新的list,给一个新的引用地址 数组循环中可以使 … Mr.Li 2022年1月28日 0 0 1.05 k
技术专栏 Vue中set的方法 Vue中set的方法 vue对象修改方法 修改引用 使用vue的set方法 对象可以使用set的方法添加键值对 Vue.set(vm.userInfo,"address","beijing") vm.$set(vm.userInfo,"address" … Mr.Li 2022年1月28日 0 0 1.05 k
技术专栏 Vue事件绑定的两种写法 Vue事件绑定的两种写法 @click="handleClick" 传递默认传递事件绑定对象 @click="handleClick($event,参数1,参数2)" $event:vue内置事件绑定 可以传递多个对象 Vue事件修饰 @click.preve … Mr.Li 2022年1月28日 0 0 1.09 k
技术专栏 Vue中的表单绑定 Vue中的表单绑定 通过v-model实现vue表单的双向绑定。 1.input 2.textarea 3.checkbox 4.radio 5.select v-model在select中 如果有value的值指向value的值 =‘1’ 如果没有value指向对应的inner-tex … Mr.Li 2022年1月28日 0 0 878
技术专栏 Vue 学习总结1 <!–总结–> 1、 v-on: => @ 2、 v-bind:content => :content 3、 v-model 数据双向绑定 4、 全局组件 Vue.components("组件名(驼峰命名)", {})创建 5、 局部组件 va … Mr.Li 2022年1月27日 0 0 908
技术专栏 SQL函数Group_concat用法 语法 group_concat([DISTINCT] 要连接的字段 [Order BY ASC/DESC 排序字段] [Separator ‘分隔符’]) 示例: $data = db('user_card') ->where('status& … Mr.Li 2022年1月13日 0 0 961