技术专栏 vue实例和组件实例有什么区别？ vue实例和组件实例有什么区别？感觉他们看起来很相似。 答：vue组件本质就是vue实例。 不过它们一点点区别就是： 组件的data必须是一个function，非组件data可以是一个对象。另外，组件没有el挂载点这个选项。 那为什么会有这两点区别呢？ 因为，组件是可复用的 Vue 实例，注意“可复 … Mr.Li 2022年1月28日 0 0 1.95 k
技术专栏 Vue生命周期函数 生命周期函数就是在某个时间点自动执行的函数 初始化事件&生命周期 => 自动执行beforeCreate() 初始化注入&外部绑定 => 自动执行created() 是否有el？ 有=> 是否有template？ 没有=> 将el的外层HTML作为template 有=& … Mr.Li 2022年1月28日 0 0 543
技术专栏 Vue 模板语法与计算属性，方法，监听 一、vue模板语法 插值表达式: {{}} v-text =“name”：name就不再是字符串了，而是一个js的表达式 就是innerHTML，显示name变量所对应的值，可以将数据变量显示在页面上，实际和插值表达式{{}}是一样的 v-html = “name&rdquo … Mr.Li 2022年1月28日 0 0 640
技术专栏 Vue计算属性的setter和getter 计算属性的setter和getter get 传入值 set接收外部传来的value 插值表达式的内容，先去data对象中去找，找不到就会去computed对象中去找，找到显示到页面上 <div id="app">{{fullName}}</div> var … Mr.Li 2022年1月28日 0 0 589
技术专栏 Vue样式绑定的方法 样式绑定的方法 1）通过class绑定 class的对象绑定 ：:class="{ activated:isActivated}",根据isActivated的true或false决定dom是否有class="activated"属性 对象绑定有另一种写法：:class= … Mr.Li 2022年1月28日 0 0 624
技术专栏 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 527
技术专栏 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 664
技术专栏 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 685
技术专栏 Vue事件绑定的两种写法 Vue事件绑定的两种写法 @click="handleClick" 传递默认传递事件绑定对象 @click="handleClick($event,参数1,参数2)" $event:vue内置事件绑定 可以传递多个对象 Vue事件修饰 @click.preve … Mr.Li 2022年1月28日 0 0 711
技术专栏 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 527
技术专栏 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 544
技术专栏 SQL函数Group_concat用法 语法 group_concat([DISTINCT] 要连接的字段 [Order BY ASC/DESC 排序字段] [Separator ‘分隔符’]) 示例： $data = db('user_card') ->where('status& … Mr.Li 2022年1月13日 0 0 636
