网站更新内容,wordpress4.6 手册,做网站有必要?,网站流量好难做1、export 和export default 的区别#xff1f;
在JavaScript ES6中#xff0c;export与export default均可用于导出常量、函数、文件、模块等#xff0c;你可以在其它文件或模块中通过import(常量 | 函数 | 文件 | 模块)名的方式#xff0c;将其导入#xff0c;以便能够对…1、export 和export default 的区别
在JavaScript ES6中export与export default均可用于导出常量、函数、文件、模块等你可以在其它文件或模块中通过import(常量 | 函数 | 文件 | 模块)名的方式将其导入以便能够对其进行使用但在一个文件或模块中export、import可以有多个export default仅有一个。如export const strhello world export function f(a){return a1} ,引入则是import { str, f } from demo1 或者 import str from demo1
2、使用v-for的时候会显示错误的原因
当我们使用v-for进行渲染时候尽可能使用渲染元素自身属性的id给渲染元素的元素绑定一个key值这样在当前渲染元素的dom结构发生改变时能够单独响应该元素而不触发所有元素的渲染
3、vue开发中使用watch 监听属性时注意
vue中的watch监听属性时候属性后只能接函数或{}形式的对象如watch{value:{handerfunction(newVal,oldVal){this.value2newValoldVal}}}4、computed 计算方式和methods 方法的区别
computed方法会在初始化的时候先执行一次methods方法不会computed用于后台计算并返回该属性名对应的数据methods一般结合事件使用5、如何使用事件修饰符
.stop阻止事件冒泡.once事件只能点击一次.self只能被本身触发不能被子元素触发submit.prevent提交事件不再重载页面按键修饰符v-on:keyup.enterhander;6、如何使用表单修饰符号
v-model.trim可以过滤用户的输入值v-model.number可以将用户输入值转换成number类型NAN时候保持原值v-model.lazy将input同步输入值和数据转变成change事件即在enter后数据才变更7、vue定义全局组件和局部组件
全局组件vue.component(“my-conponent”,{Template:”h1hello world/h1”});
局部组件是在vue根实例下的conponents: {“my-conponent”,Child}局部组件只能被当前实例应用。8、组件之间传参父传子和子传父
父传子利用props父组件作用域中的子组件标签Child上需要使用Child v-bind:myPropNameparentMsg/Child绑定要下传的参数子组件文件中需要声明 props: [myPropName],
子传父利用事件机制this.$emit(incremenmt,this.counter) 中子组件触发increment父组件中使用v-on:increment”incrementHander”去监听及被触发后的函数9、在vue中 $ref 的使用
· 利用ref属性可以获取dom元素 或者子组件 当ref定义在dom元素上时通过this.$refs.name可以获取都没对dom进行原生的操作ref的属性命名不能使用驼峰法如div classfoods-wrapper reffoods-wrapper/div通过this.$refs来进行操作this.$refs.foods-wrapper.innerTextwangwang666
· 通过在引用的子组件上使用ref实现父组件调用子组件的方法和属性如在父组件中引用子组件并定义ref属性如Child refgetmsg22/Child在父组件方法中使用this.$refs.getmsg22.Prop 父拿子值 或 this.$refs.getmsg22.show()
· 子拿父值在子组件的方法函数中使用this.$parent.propName获取父亲组件的属性值
· 可用于实现dom中的js联动效果比如点击表单提交按钮后触发表单重置按钮this.$refs.resetform.click()效果10、当想实现在指定位置js判定后动态添加不同的组件怎么实现
当需要动态将data中的组件数组渲染到指定位置时候可以使用component :iswhich_to_show /component实现11、在vue开发中使用element-ui 绑定事件无效时候解决办法
绑定点击事件时使用事件修饰.native 否则事件无效12、vue.js中点击怎么获取当前元素
event.target是指点击的是哪个元素target获取到的就是哪个元素event.currentTarget指的是获取到的是事件绑定的元素13、使用vue-cli 脚手架快速创建工程项目的命令
vue init webpack 工程名(比如my-projet) ,组件命名不能使用驼峰法可以使用-短横线分隔首字母大写14、在谷歌浏览器中安装可以调试vue文件的开发工具vuejs-devtools开发插件
参考网址https://www.cnblogs.com/alice-fee/p/8038367.html15、vue开发中的报错总结待完善
· 使用vue脚手架快速搭建项目后运行出现错误 “ Module build failed: Error: No parser and no file path given, ” 解决方式是npm i prettier~1.12.0 后重运行· 创建组件时候报错“The template root requires exactly one element.”解决方式是将组件的template下的元素用一个div包裹· 使用v-for遍历时候报错“[Vue warn]: Avoid using non-primitive value as key, use string/number value instead”
解决方式代码中使用 item 作为了 key 导致的v-for”(item,index) in items “ :key”index”16、npm 安装时 -save-dev 和-save 命令代表的意思
-save-dev 是指将包信息添加到 package.json 里的 devDependencies节点表示开发时依赖的包。
-save 是指将包信息添加到 package.json 里的dependencies节点表示发布时依赖的包。
