logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue:局部注册组件和示例代码

在Vue教程(参考链接:https://cn.vuejs.org/v2/guide/components-registration.html)中提到,全局注册往往是不够理想的。比如,如果你使用一个像 webpack 这样的构建系统,全局注册所有的组件意味着即便你已经不再使用一个组件了,它仍然会被包含在你最终的构建结果中。这造成了用户下载的 JavaScript 的无谓的增加。在这些情况下,你可..

Vue: 通过prop向子组件传递数据,并且监听子组件事件

Prop 是你可以在组件上注册的一些自定义特性。当一个值传递给一个 prop 特性的时候,它就变成了那个组件实例的一个属性。为了给博文组件传递一个标题,我们可以用一个props选项将其包含在该组件可接受的 prop 列表中:Vue.component('blog-post', {props: ['title'],template: '<h3>{{ title }}...

Vue:单文件组件-学习笔记

在很多 Vue 项目中,我们使用Vue.component来定义全局组件,紧接着用new Vue({ el: '#container '})在每个页面内指定一个容器元素。这种方式在很多中小规模的项目中运作的很好,在这些项目里 JavaScript 只被用来加强特定的视图。但当在更复杂的项目中,或者你的前端完全由 JavaScript 驱动的时候,下面这些缺点将变得非常明显:全局定义...

Vue:v-on、v-bind、v-model用法

1、v-on:用于绑定HTML事件 :一般v-on:click 可以缩写为 @click,其中@代表v-on:示例:例如我们在HTML的body中加入一个绑定了事件的button<div id="app"><button v-on:click="onClick">点击这里</button></div>在js的methods中...

Vue:在项目中引入第三方UI组件库——饿了吗Element UI组件库和ATUI组件库

1、引入Element组件库:首先我们使用npm的方式安装:它能更好地和webpack打包工具配合使用。npm i element-ui -S然后我们在使用样式的页面引入样式和组件库即可:<!-- 引入样式 --><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-cha...

Vue:Prop验证的使用

在Vue中,我们可以为组件的 prop 指定验证要求,例如你知道的这些类型。如果有一个需求没有被满足,则 Vue 会在浏览器控制台中警告你。这在开发一个会被别人用到的组件时尤其有帮助。为了定制 prop 的验证方式,你可以为props中的值提供一个带有验证需求的对象,例如下面的示例:<template><div style="margin-top:100px"...

Vue:引用百度地图教程

1、首先安装百度地图依赖:npm install vue-baidu-map –save记得在百度地图开放平台申请百度地图密钥(申请链接:http://lbsyun.baidu.com/index.php?title=jspopular/guide/getkey)按照网站提示填写应用信息,申请好之后,记住自己的ak码。注意如果在浏览器使用的话,因新系统升级,“服务端AK”不再支...

Vue页面antd select多选模式下(mode=“multiple“),点击框外下拉选项无法收起的问题完美解决

<a-selectclass="w260"allowClear:maxTagTextLength="maxTagTextLength"mode="multiple":open="isOpen"@focus="isOpenFocus"@ch...

#typescript#vue.js#前端
Vue::is特性详解和示例

今天在阅读Vue教程的时候,读到“解析DOM模板时的注意事项”这一节,看到:is特性——就是有些元素内部不能使用自定义标签或者自定义标签内也不能放某些特殊的标签,这时候就要用is代替一下,让html语法符合规则验证。is属于指定要在内部使用的标签。文档链接:https://cn.vuejs.org/v2/guide/components.html教程里面是这么解释的:看完之后...

Vue:Do not use 'new' for side effects报错解决

原代码片段:new Vue({el: '#post-demo',data: {posts: [{ id: 1, title: 'My journey with Vue' },{ id: 2, title: 'Blogging with Vue' },{ id: 3, title: ...

    共 23 条
  • 1
  • 2
  • 3
  • 请选择