随笔分类 -  vue

vue的相关技术知识
Vue中watch用法详解
摘要：基本用法： 当firstName值变化时，watch监听到并且执行 <div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p> </div> new Vue({ el: ' 阅读全文
posted @ 2022-10-08 14:25 shuaibijian 阅读(348) 评论(0) 推荐(0)
Vue与ref属性与refs
摘要：ref 被用来给DOM元素或子组件注册引用信息。引用信息会根据父组件的 $refs 对象进行注册。如果在普通的DOM元素上使用，引用信息就是元素; 如果用在子组件上，引用信息就是组件实例 只要想要在Vue中直接操作DOM元素，就必须用ref属性进行注册 只要想要在React中直接操作DOM元素，就必 阅读全文
posted @ 2021-06-01 18:23 shuaibijian 阅读(49) 评论(0) 推荐(0)
vue.nextTick()方法的使用详解
摘要：什么是Vue.nextTick()？？ 定义：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码； 理解：n 阅读全文
posted @ 2021-05-28 16:03 shuaibijian 阅读(207) 评论(0) 推荐(0)
vue-cli 打包static
摘要：vue-cli 打包static 1 new CopyWebpackPlugin([ 2 { 3 from: path.resolve(__dirname, '../static'), 4 to: config.build.assetsSubDirectory, 5 ignore: ['.*'] 6 阅读全文
posted @ 2021-05-27 11:14 shuaibijian 阅读(196) 评论(0) 推荐(0)
vue-cli关闭eslint
摘要：添加vue.config.js 1 module.exports = { 2 lintOnSave: false 3 } 阅读全文
posted @ 2021-05-27 11:12 shuaibijian 阅读(38) 评论(0) 推荐(0)
Vue父子组件传值的方法
摘要：1.父向子传值props 父组件：<child :inputName="name"> 子组件： （1）props: { inputName: String, required: true } （2）props: ["inputName"] 2.子组件向父组件传值$emit 子组件: <span>{{ 阅读全文
posted @ 2021-05-27 10:40 shuaibijian 阅读(3919) 评论(0) 推荐(0)