首先需要知道 挂载点:是index.html文件下的一个dom节点 模板:挂载点里的内容,也就是模板内容。 组件: 页面上的某一部分内容。当我们的项目比较大时,可以将页面拆分成几个部分,每个部分就是一个组件。单个组件地维护就相对简单多了。 app.vue就是一个组件。组件一般包括三部 ...
一 v if 判断通常是对用户行为的判断 用js来控制,则是使用if语句进行判断,而vue也提供了一个类似if语句的指令 v if实现条件判断 首先在数据项里设置变量 通过控制play的值就可以实现元素隐藏与显示 在html文件中是这样写的: 当play的值为true时, 中会被渲染上对应的内容,如果play为false,则 内容隐藏。 那么,如何控制内容显示还是隐藏呢,通过在 lt button ...
2018-12-24 15:48 0 32558 推荐指数:
首先需要知道 挂载点:是index.html文件下的一个dom节点 模板:挂载点里的内容,也就是模板内容。 组件: 页面上的某一部分内容。当我们的项目比较大时,可以将页面拆分成几个部分,每个部分就是一个组件。单个组件地维护就相对简单多了。 app.vue就是一个组件。组件一般包括三部 ...
项目中经常遇到要展示dialog弹框的情况,通常我们只需要点击打开按钮显示,点击关闭按钮关闭弹框, 但是也会遇到这种需求,需要点击空白处或者点击除指点区域外时,弹框也会消失,以提升用户体验 这次项目中遇到的是PC端点击输入框获取焦点时出现软键盘,失去焦点或者点击其他区域(除软键盘、输入框以外 ...
在vue中 通过点击事件实现显示与隐藏是非常简单的. 首先我们先整带颜色的一个小方块(div) 如图: 我们要实现一个点击按钮隐藏或者显示该方块的功能; 首先我们先写一个div: 以上代码.我们写了一个大的div id=app(写一个id 为了方便vue与之绑定 ...
1、 2、script代码 3、效果 ...
登录页面开发 先把项目根目录下components和views目录下的文件都删掉 在 src\router\index.js 中配置路由(把原有的路由配置删除),如下: 在 src\views 目录下新建 login 目录及此目录下新建文件 index.vue写入 ...
Vue-CLI项目-vue-cookie与vue-cookies处理cookie vue-cookie 一.模块的安装 二.配置main.js 三.使用 概述: 创建:this.$配置时候设置的名称.set('cookies的key',value,时间最小单位为天 ...
一、Jsonp抓取数据 用 npm 安装 jsonp 创建 jsonp.js 在 api 创建 config.js 在 api的data.js 里导入 jsonp 在 data.vue 页面的 script 引用 ...
const router = new VueRouter({ mode: 'history', routes: [ { path: '/first', component: firstView, ...